diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 72627e1..1b367ad 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -95,6 +95,11 @@ function App({ navbarComponent }: Props) { const wsRef = useRef(null); + const showReactWarning = + selectedCodeGenerationModel === + CodeGenerationModel.GPT_4_TURBO_2024_04_09 && + settings.generatedCodeConfig === Stack.REACT_TAILWIND; + // Indicate coding state using the browser tab's favicon and title useBrowserTabIndicator(appState === AppState.CODING); @@ -420,6 +425,13 @@ function App({ navbarComponent }: Props) { } /> + {showReactWarning && ( +
+ Sorry - React is not currently working with GPT-4 Turbo. Please + use GPT-4 Vision or Claude Sonnet. We are working on a fix. +
+ )} + {appState !== AppState.CODE_READY && } {IS_RUNNING_ON_CLOUD &&