From dbbf60aaa1432ceb9ae4e825459512536cc683a9 Mon Sep 17 00:00:00 2001
From: Tyler <dshukertjr@gmail.com>
Date: Tue, 3 Feb 2026 13:18:00 +0900
Subject: [PATCH] fix: Bring Vite before create-react-app in connect on the
 dashboard (#42384)

## I have read the
[CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md)
file.

YES

## What kind of change does this PR introduce?

`create-react-app` is deprecated, so this PR brings vite before
`create-react-app` when opening React in the connect dialog.
---
 .../interfaces/Connect/Connect.constants.ts   | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/apps/studio/components/interfaces/Connect/Connect.constants.ts b/apps/studio/components/interfaces/Connect/Connect.constants.ts
index 1ca5fc7b42d..054aa4280be 100644
--- a/apps/studio/components/interfaces/Connect/Connect.constants.ts
+++ b/apps/studio/components/interfaces/Connect/Connect.constants.ts
@@ -126,19 +126,6 @@ export const FRAMEWORKS: ConnectionType[] = [
     icon: 'react',
     guideLink: `${DOCS_URL}/guides/getting-started/quickstarts/reactjs`,
     children: [
-      {
-        key: 'create-react-app',
-        label: 'Create React App',
-        icon: 'react',
-        children: [
-          {
-            key: 'supabasejs',
-            label: 'supabase-js',
-            icon: 'supabase',
-            children: [],
-          },
-        ],
-      },
       {
         key: 'vite',
         label: 'Vite',
@@ -152,6 +139,19 @@ export const FRAMEWORKS: ConnectionType[] = [
           },
         ],
       },
+      {
+        key: 'create-react-app',
+        label: 'Create React App',
+        icon: 'react',
+        children: [
+          {
+            key: 'supabasejs',
+            label: 'supabase-js',
+            icon: 'supabase',
+            children: [],
+          },
+        ],
+      },
     ],
   },
   {