feat: add Vite 8 support (#14876)

Author: markdalgleish

.changeset/support-vite-8.md

@@ -0,0 +1,5 @@
+---
+"@react-router/dev": minor
+---
+
+Add support for Vite 8

.github/workflows/integration-full.yml

@@ -31,7 +31,7 @@ jobs:
     uses: ./.github/workflows/shared-integration.yml
     with:
       os: "ubuntu-latest"
-      node_version: "[20.18, 22]"
+      node_version: "[20.19, 22]"
       browser: '["chromium", "firefox"]'
 
   integration-windows:
@@ -50,5 +50,5 @@ jobs:
     uses: ./.github/workflows/shared-integration.yml
     with:
       os: "macos-latest"
-      node_version: "[20.18, 22]"
+      node_version: "[20.19, 22]"
       browser: '["webkit"]'

.github/workflows/integration-pr-windows-macos.yml

@@ -1,7 +1,7 @@
 name: PR (Full)
 
 # PRs touching @react-router/dev will also run on Ubuntu/Firefox, Windows/Edge and
-# OSX/WebKit as well as an Ubuntu/Chromium run on  Node 20.18.
+# OSX/WebKit as well as an Ubuntu/Chromium run on Node 20.19.
 
 on:
   pull_request:
@@ -22,7 +22,7 @@ jobs:
     uses: ./.github/workflows/shared-integration.yml
     with:
       os: "ubuntu-latest"
-      node_version: "[20.18]"
+      node_version: "[20.19]"
       browser: '["chromium"]'
 
   integration-firefox:

.github/workflows/test.yml

@@ -26,7 +26,7 @@ jobs:
       fail-fast: false
       matrix:
         node:
-          - 20.18
+          - 20.19
           - 22
 
     runs-on: ubuntu-latest

integration/client-data-test.ts

@@ -606,7 +606,7 @@ test.describe("Client Data", () => {
                       }
                     `,
                     "app/routes/client-loader-critical.bubbled-server-loader-errors-are-persisted-for-hydrating-routes.parent.child.tsx": js`
-                      import { useRouteError, useLoaderData } from 'react-router'
+                      import { useLoaderData } from 'react-router'
                       export function loader() {
                         throw new Error('Child Server Error');
                       }

integration/helpers/create-fixture.ts

@@ -509,9 +509,6 @@ function reactRouterBuild(
     env: {
       ...process.env,
       NODE_ENV: mode || ServerMode.Production,
-      // Ensure build can pass in Rolldown. This can be removed once
-      // "preserveEntrySignatures" is supported in rolldown-vite.
-      ROLLDOWN_OPTIONS_VALIDATION: "loose",
     },
   });
 

integration/helpers/rsc-vite-framework/package.json

@@ -19,14 +19,13 @@
     "@types/react": "catalog:react-canary",
     "@types/react-dom": "catalog:react-canary",
     "@vanilla-extract/css": "^1.17.4",
-    "@vanilla-extract/vite-plugin": "^5.1.1",
-    "@vitejs/plugin-react": "^4.5.2",
+    "@vanilla-extract/vite-plugin": "^5.2.0",
+    "@vitejs/plugin-react": "^6.0.1",
     "@vitejs/plugin-rsc": "catalog:",
     "cross-env": "^7.0.3",
     "typescript": "catalog:",
-    "vite": "^6.3.0",
-    "vite-env-only": "^3.0.1",
-    "vite-tsconfig-paths": "^4.2.1"
+    "vite": "^8.0.0",
+    "vite-env-only": "^3.0.1"
   },
   "dependencies": {
     "@mjackson/node-fetch-server": "0.6.1",

integration/helpers/templates.ts

@@ -3,7 +3,7 @@ const templates = [
   { name: "vite-5-template", displayName: "Vite 5" },
   { name: "vite-6-template", displayName: "Vite 6" },
   { name: "vite-7-beta-template", displayName: "Vite 7 Beta" },
-  { name: "vite-rolldown-template", displayName: "Vite Rolldown" },
+  { name: "vite-8-template", displayName: "Vite 8" },
 
   // RSC templates
   { name: "rsc-vite", displayName: "RSC (Vite)" },
@@ -25,5 +25,5 @@ export const viteMajorTemplates = getTemplates([
   "vite-5-template",
   "vite-6-template",
   "vite-7-beta-template",
-  "vite-rolldown-template",
+  "vite-8-template",
 ]);