fix: type error in new app

frameworks/react-cra/add-ons/shadcn/package.json

@@ -2,8 +2,8 @@
   "dependencies": {
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^0.476.0",
-    "tailwind-merge": "^3.0.2",
-    "tw-animate-css": "^1.3.6"
+    "lucide-react": "^0.542.0",
+    "tailwind-merge": "^3.3.1",
+    "tw-animate-css": "^1.3.8"
   }
-}
+}

frameworks/react-cra/add-ons/t3env/package.json

@@ -1,6 +1,6 @@
 {
   "dependencies": {
-    "zod": "^3.24.2",
-    "@t3-oss/env-core": "^0.12.0"
+    "zod": "^4.1.5",
+    "@t3-oss/env-core": "^0.13.8"
   }
 }

frameworks/react-cra/project/base/README.md.ejs

@@ -194,14 +194,14 @@ From there you need to update your `vite.config.js` file to use the plugin:
 ```ts
 import { defineConfig } from "vite";
 import viteReact from "@vitejs/plugin-react";
-import { TanStackRouterVite } from "@tanstack/router-plugin/vite";<% if (tailwind) { %>
+import { tanstackRouter } from "@tanstack/router-plugin/vite";<% if (tailwind) { %>
 import tailwindcss from "@tailwindcss/vite";
 <% } %>
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
-    TanStackRouterVite(),
+    tanstackRouter(),
     viteReact()<% if (tailwind) { %>,
     tailwindcss()<% } %>
   ],

frameworks/react-cra/project/base/package.json

@@ -5,27 +5,24 @@
   "scripts": {
     "dev": "vite --port 3000",
     "start": "vite --port 3000",
-    "build": "vite build && tsc",
+    "build": "vite build",
     "serve": "vite preview",
     "test": "vitest run"
   },
   "dependencies": {
-    "@tanstack/react-devtools": "^0.2.2",
+    "@tanstack/react-devtools": "^0.5.5",
     "@tanstack/react-router": "^1.130.2",
     "@tanstack/react-router-devtools": "^1.131.5",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.2.0",
-    "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^5.0.2",
     "jsdom": "^26.0.0",
-    "typescript": "^5.7.2",
-    "vite": "^6.3.5",
-    "vitest": "^3.0.5",
-    "web-vitals": "^4.2.4"
+    "vite": "^7.1.4",
+    "vitest": "^3.2.4",
+    "web-vitals": "^5.1.0"
   }
-}
+}

frameworks/react-cra/project/base/src/routes/__root.tsx.ejs

@@ -1,7 +1,7 @@
 <% if (!fileRouter) { ignoreFile() } %>import { <% if (addOnEnabled.start) { %>
   HeadContent<% } else { %>Outlet<% } %><% if (addOnEnabled.start) { %>, Scripts<% } %>, <% if (addOnEnabled["tanstack-query"]) { %>createRootRouteWithContext<% } else { %>createRootRoute<% } %> } from '@tanstack/react-router'
 import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools';
-import { TanstackDevtools } from '@tanstack/react-devtools'
+import { TanStackDevtools } from '@tanstack/react-devtools'
 <% if (addOns.length) { %>
 import Header from '../components/Header'
 <% } %><% for(const integration of integrations.filter(i => i.type === 'layout' || i.type === 'provider' || i.type === 'devtools')) { %>
@@ -54,7 +54,7 @@ export const Route = <% if (addOnEnabled["tanstack-query"]) { %>createRootRouteW
   <% for(const integration of integrations.filter(i => i.type === 'provider')) { %><<%= integration.jsName %>>
   <% } %><% if (addOns.length) { %><Header />  
   <% } %><Outlet />
-        <TanstackDevtools
+        <TanStackDevtools
         config={{
           position: 'bottom-left',
         }}
@@ -84,7 +84,7 @@ function RootDocument({ children }: { children: React.ReactNode }) {
         <% for(const integration of integrations.filter(i => i.type === 'provider')) { %><<%= integration.jsName %>>
         <% } %><% if (addOns.length) { %><Header />  
         <% } %>{children}
-          <TanstackDevtools
+          <TanStackDevtools
             config={{
               position: 'bottom-left',
             }}

frameworks/react-cra/project/base/vite.config.ts.ejs

@@ -1,16 +1,16 @@
-<% if (addOnEnabled.start) { ignoreFile() } %>import { defineConfig } from "vite";
+<% if (addOnEnabled.start) { ignoreFile() } %>import { defineConfig } from "vitest/config";
 import viteReact from "@vitejs/plugin-react";<% if (tailwind) { %>
 import tailwindcss from "@tailwindcss/vite";
 <% } %><%if (fileRouter) { %>
-import { TanStackRouterVite } from "@tanstack/router-plugin/vite";<% } %><% if (addOnEnabled['module-federation']) { %>
+import { tanstackRouter } from "@tanstack/router-plugin/vite";<% } %><% if (addOnEnabled['module-federation']) { %>
 import { federation } from "@module-federation/vite";<% } %>
 import { resolve } from "node:path";<% if (addOnEnabled['module-federation']) { %>
 import federationConfig from "./module-federation.config.js";
 <% } %>
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [<% if(fileRouter) { %>TanStackRouterVite({ autoCodeSplitting: true }), <% } %>viteReact()<% if (tailwind) { %>, tailwindcss()<% } %><% if (addOnEnabled['module-federation']) { %>, federation(federationConfig)<% } %>],
+  plugins: [<% if(fileRouter) { %>tanstackRouter({ autoCodeSplitting: true }), <% } %>viteReact()<% if (tailwind) { %>, tailwindcss()<% } %><% if (addOnEnabled['module-federation']) { %>, federation(federationConfig)<% } %>],
   test: {
     globals: true,
     environment: "jsdom",

frameworks/react-cra/project/packages.json

@@ -1,20 +1,24 @@
 {
   "typescript": {
+    "scripts": {
+      "build": "vite build && tsc"
+    },
     "devDependencies": {
-      "@types/react": "^19.0.8",
-      "@types/react-dom": "^19.0.3",
-      "typescript": "^5.7.2"
+      "@types/node": "^24.3.1",
+      "@types/react": "^19.1.12",
+      "@types/react-dom": "^19.1.9",
+      "typescript": "^5.9.2"
     }
   },
   "tailwindcss": {
     "dependencies": {
-      "@tailwindcss/vite": "^4.0.6",
-      "tailwindcss": "^4.0.6"
+      "@tailwindcss/vite": "^4.1.13",
+      "tailwindcss": "^4.1.13"
     }
   },
   "file-router": {
     "dependencies": {
       "@tanstack/router-plugin": "^1.121.2"
     }
   }
-}
+}