From f9c4dd9c7c25b56b23aedbcef497b3444d069801 Mon Sep 17 00:00:00 2001
From: Abi Raja <abimanyuraja@gmail.com>
Date: Thu, 18 Apr 2024 12:49:24 -0400
Subject: [PATCH] add react + gpt-4 turbo warning

---
 frontend/src/App.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index a379c09..eef3a11 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -84,6 +84,11 @@ function App() {
 
   const wsRef = useRef<WebSocket>(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);
 
@@ -391,6 +396,13 @@ function App() {
             }
           />
 
+          {showReactWarning && (
+            <div className="text-sm bg-yellow-200 rounded p-2">
+              Sorry - React is not currently working with GPT-4 Turbo. Please
+              use GPT-4 Vision or Claude Sonnet. We are working on a fix.
+            </div>
+          )}
+
           {appState !== AppState.CODE_READY && <TipLink />}
 
           {IS_RUNNING_ON_CLOUD && !settings.openAiApiKey && <OnboardingNote />}