fix(create): upgrade to Vite 8 and fix useStore selector in AI add-on (#428)

- Upgrade vite from ^7.3.1 to ^8.0.0 and @vitejs/plugin-react to ^6.0.1
- Replace vite-tsconfig-paths plugin with native resolve.tsconfigPaths
- Pass required selector function to useStore in AI assistant component

Made-with: Cursor

Author: jherr

.changeset/vite8-usestore-fix.md

@@ -0,0 +1,5 @@
+---
+'@tanstack/create': patch
+---
+
+Upgrade to Vite 8 and replace `vite-tsconfig-paths` plugin with native `resolve.tsconfigPaths` option. Fix `useStore` call in AI assistant add-on to pass required selector function.

packages/create/src/frameworks/react/add-ons/ai/assets/src/components/demo-AIAssistant.tsx

@@ -79,7 +79,7 @@ function Messages({ messages }: { messages: ChatMessages }) {
 }
 
 export default function AIAssistant() {
-  const isOpen = useStore(showAIAssistant)
+  const isOpen = useStore(showAIAssistant, (state) => state)
   const { messages, sendMessage } = useGuitarRecommendationChat()
   const [input, setInput] = useState('')
 

packages/create/src/frameworks/react/project/base/package.json

@@ -28,14 +28,16 @@
     "@testing-library/react": "^16.3.0",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^6.0.1",
     "jsdom": "^28.1.0",
     "typescript": "^5.9.2",
-    "vite": "^7.3.1",
-    "vite-tsconfig-paths": "^5.1.4",
+    "vite": "^8.0.0",
     "vitest": "^3.0.5"
   },
   "pnpm": {
-    "onlyBuiltDependencies": ["esbuild", "lightningcss"]
+    "onlyBuiltDependencies": [
+      "esbuild",
+      "lightningcss"
+    ]
   }
 }

packages/create/src/frameworks/react/project/base/vite.config.ts.ejs

@@ -1,6 +1,5 @@
 import { defineConfig } from 'vite'
 import { devtools } from '@tanstack/devtools-vite'
-import tsconfigPaths from 'vite-tsconfig-paths'
 <% if (addOnEnabled.paraglide) { -%>
 import { paraglideVitePlugin } from "@inlang/paraglide-js"
 <% } -%>
@@ -15,12 +14,12 @@ import tailwindcss from "@tailwindcss/vite"
 <% } %>
 
 const config = defineConfig({
+  resolve: { tsconfigPaths: true },
   plugins: [devtools(), <% if (addOnEnabled.paraglide) { %>paraglideVitePlugin({
     project: './project.inlang',
     outdir: './src/paraglide',
     strategy: ['url', "baseLocale"],
   }), <% } %><% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportCode(integration) %>,<% } %>
-    tsconfigPaths({ projects: ['./tsconfig.json'] }),
     tailwindcss(),
     <% if (routerOnly) { %>tanstackRouter({ target: 'react', autoCodeSplitting: true }),<% } else { %>tanstackStart(),<% } %>
     viteReact(<% if (addOnEnabled.compiler) { %>{