fix: update react to start alpha (#121)

Huge thanks to @brenelz for the work here to update react to start with
the new setup.

---------

Co-authored-by: Brenley Dueck <[email protected]>

Author: jherr

frameworks/react-cra/add-ons/start/assets/_dot_gitignore.append

@@ -1,2 +1,3 @@
 .output
 .vinxi
+count.txt

frameworks/react-cra/add-ons/start/assets/src/api.ts

@@ -1,6 +1,4 @@
-import { createAPIFileRoute } from '@tanstack/react-start/api'
-
-export const APIRoute = createAPIFileRoute('/demo/start/api/names')({
+export const ServerRoute = createServerFileRoute().methods({
   GET: async ({ request }) => {
     return new Response(JSON.stringify(['Alice', 'Bob', 'Charlie']), {
       headers: {

frameworks/react-cra/add-ons/start/assets/src/client.tsx.ejs

@@ -1,22 +1,19 @@
-import { defineConfig } from '@tanstack/react-start/config'
+import { defineConfig } from 'vite'
+import { tanstackStart } from "@tanstack/react-start/plugin/vite";
 import viteTsConfigPaths from 'vite-tsconfig-paths'<% if (tailwind) { %>
 import tailwindcss from "@tailwindcss/vite"
 <% } %><% if (addOnEnabled.sentry) { %>
 import { wrapVinxiConfigWithSentry } from "@sentry/tanstackstart-react";
 <% } %>
 const config = defineConfig({
-  tsr: {
-    appDirectory: 'src',
-  },
-  vite: {
     plugins: [
       // this is the plugin that enables path aliases
       viteTsConfigPaths({
         projects: ['./tsconfig.json'],
       }),
       <% if (tailwind) { %>tailwindcss(),<% } %>
+      tanstackStart(),
     ],
-  },
 })
 
 <% if (addOnEnabled.sentry) { %>

frameworks/react-cra/add-ons/start/assets/src/routes/api.demo-names.ts

@@ -21,8 +21,6 @@
     }
   ],
   "deletedFiles": [
-    "./vite.config.js",
-    "./vite.config.ts",
     "./index.html",
     "./src/main.tsx",
     "./src/App.css"

frameworks/react-cra/add-ons/start/assets/src/ssr.tsx.ejs

@@ -1,13 +1,13 @@
 {
   "scripts": {
-    "dev": "vinxi dev",
-    "build": "vinxi build",
-    "start": "vinxi start"
+    "dev": "vite dev --port 3000",
+    "build": "vite build",
+    "start": "node .output/server/index.mjs"
   },
   "dependencies": {
-    "@tanstack/react-router-with-query": "^1.114.3",
-    "@tanstack/react-start": "^1.114.3",
-    "vinxi": "^0.5.3",
-    "vite-tsconfig-paths": "^5.1.4"
+    "@tanstack/react-router-with-query": "^1.121.0",
+    "@tanstack/react-start": "^1.121.0",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vite": "^6.3.3"
   }
 }

frameworks/react-cra/add-ons/start/assets/app.config.ts.ejs renamed to frameworks/react-cra/add-ons/start/assets/vite.config.ts.ejs

@@ -10,8 +10,8 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@tanstack/react-router": "^1.114.3",
-    "@tanstack/react-router-devtools": "^1.114.3",
+    "@tanstack/react-router": "^1.121.0",
+    "@tanstack/react-router-devtools": "^1.121.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
@@ -26,5 +26,8 @@
     "vite": "^6.1.0",
     "vitest": "^3.0.5",
     "web-vitals": "^4.2.4"
+  },
+  "overrides": {
+    "@tanstack/react-router": "^1.121.0"
   }
 }

frameworks/react-cra/add-ons/start/info.json

@@ -14,7 +14,7 @@
   },
   "file-router": {
     "dependencies": {
-      "@tanstack/router-plugin": "^1.114.3"
+      "@tanstack/router-plugin": "^1.121.0"
     }
   }
 }