diff --git a/.changeset/vite8-usestore-fix.md b/.changeset/vite8-usestore-fix.md
new file mode 100644
index 00000000..cb79e4e5
--- /dev/null
+++ b/.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.
diff --git a/packages/create/src/frameworks/react/add-ons/ai/assets/src/components/demo-AIAssistant.tsx b/packages/create/src/frameworks/react/add-ons/ai/assets/src/components/demo-AIAssistant.tsx
index 851ba716..b896cbeb 100644
--- a/packages/create/src/frameworks/react/add-ons/ai/assets/src/components/demo-AIAssistant.tsx
+++ b/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('')
 
diff --git a/packages/create/src/frameworks/react/project/base/package.json b/packages/create/src/frameworks/react/project/base/package.json
index 95205a6f..0d012312 100644
--- a/packages/create/src/frameworks/react/project/base/package.json
+++ b/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"
+    ]
   }
 }
diff --git a/packages/create/src/frameworks/react/project/base/vite.config.ts.ejs b/packages/create/src/frameworks/react/project/base/vite.config.ts.ejs
index d1a39b9a..84ebe74c 100644
--- a/packages/create/src/frameworks/react/project/base/vite.config.ts.ejs
+++ b/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) { %>{