@react-router/dev 0.0.0-experimental-426e5caec → 0.0.0-experimental-7ed11be

package/CHANGELOG.md

@@ -1,15 +1,5 @@
 # `@react-router/dev`
 
-## 7.8.2
-
-### Patch Changes
-
-- fix: memory leak in default entry.server ([#14200](https://github.com/remix-run/react-router/pull/14200))
-- Updated dependencies:
-  - `react-router@7.8.2`
-  - `@react-router/node@7.8.2`
-  - `@react-router/serve@7.8.2`
-
 ## 7.8.1
 
 ### Patch Changes

package/dist/cli/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 /**
- * @react-router/dev v0.0.0-experimental-426e5caec
+ * @react-router/dev v0.0.0-experimental-7ed11be
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -477,7 +477,7 @@ async function resolveConfig({
     }
   }
   let future = {
-    v8_middleware: reactRouterUserConfig.future?.v8_middleware ?? false,
+    unstable_middleware: reactRouterUserConfig.future?.unstable_middleware ?? false,
     unstable_optimizeDeps: reactRouterUserConfig.future?.unstable_optimizeDeps ?? false,
     unstable_splitRouteModules: reactRouterUserConfig.future?.unstable_splitRouteModules ?? false,
     unstable_subResourceIntegrity: reactRouterUserConfig.future?.unstable_subResourceIntegrity ?? false,
@@ -897,7 +897,7 @@ function generateFuture(ctx) {
 
     declare module "react-router" {
       interface Future {
-        middleware: ${ctx.config.future.v8_middleware}
+        unstable_middleware: ${ctx.config.future.unstable_middleware}
       }
     }
   `;
@@ -1118,11 +1118,11 @@ function getRouteAnnotations({
         export type HeadersArgs = Annotations["HeadersArgs"];
         export type HeadersFunction = Annotations["HeadersFunction"];
 
-        // middleware
-        export type MiddlewareFunction = Annotations["MiddlewareFunction"];
+        // unstable_middleware
+        export type unstable_MiddlewareFunction = Annotations["unstable_MiddlewareFunction"];
 
-        // clientMiddleware
-        export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
+        // unstable_clientMiddleware
+        export type unstable_ClientMiddlewareFunction = Annotations["unstable_ClientMiddlewareFunction"];
 
         // loader
         export type LoaderArgs = Annotations["LoaderArgs"];
@@ -1393,7 +1393,7 @@ var init_route_chunks = __esm({
     routeChunkExportNames = [
       "clientAction",
       "clientLoader",
-      "clientMiddleware",
+      "unstable_clientMiddleware",
       "HydrateFallback"
     ];
     mainChunkName = "main";
@@ -1403,7 +1403,7 @@ var init_route_chunks = __esm({
       main: `${routeChunkQueryStringPrefix}main`,
       clientAction: `${routeChunkQueryStringPrefix}clientAction`,
       clientLoader: `${routeChunkQueryStringPrefix}clientLoader`,
-      clientMiddleware: `${routeChunkQueryStringPrefix}clientMiddleware`,
+      unstable_clientMiddleware: `${routeChunkQueryStringPrefix}unstable_clientMiddleware`,
       HydrateFallback: `${routeChunkQueryStringPrefix}HydrateFallback`
     };
   }
@@ -1696,7 +1696,7 @@ var init_plugin = __esm({
     CLIENT_NON_COMPONENT_EXPORTS = [
       "clientAction",
       "clientLoader",
-      "clientMiddleware",
+      "unstable_clientMiddleware",
       "handle",
       "meta",
       "links",

package/dist/config/defaults/entry.server.node.tsx

@@ -16,7 +16,7 @@ export default function handleRequest(
   routerContext: EntryContext,
   loadContext: AppLoadContext,
   // If you have middleware enabled:
-  // loadContext: RouterContextProvider
+  // loadContext: unstable_RouterContextProvider
 ) {
   return new Promise((resolve, reject) => {
     let shellRendered = false;

package/dist/config.d.ts

@@ -40,7 +40,7 @@ interface FutureConfig {
     /**
      * Enable route middleware
      */
-    v8_middleware: boolean;
+    unstable_middleware: boolean;
     unstable_optimizeDeps: boolean;
     /**
      * Automatically split route modules into multiple chunks when possible.

package/dist/config.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-426e5caec
+ * @react-router/dev v0.0.0-experimental-7ed11be
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/internal.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-426e5caec
+ * @react-router/dev v0.0.0-experimental-7ed11be
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -510,7 +510,7 @@ async function resolveConfig({
     }
   }
   let future = {
-    v8_middleware: reactRouterUserConfig.future?.v8_middleware ?? false,
+    unstable_middleware: reactRouterUserConfig.future?.unstable_middleware ?? false,
     unstable_optimizeDeps: reactRouterUserConfig.future?.unstable_optimizeDeps ?? false,
     unstable_splitRouteModules: reactRouterUserConfig.future?.unstable_splitRouteModules ?? false,
     unstable_subResourceIntegrity: reactRouterUserConfig.future?.unstable_subResourceIntegrity ?? false,
@@ -801,7 +801,7 @@ function generateFuture(ctx) {
 
     declare module "react-router" {
       interface Future {
-        middleware: ${ctx.config.future.v8_middleware}
+        unstable_middleware: ${ctx.config.future.unstable_middleware}
       }
     }
   `;
@@ -1023,11 +1023,11 @@ function getRouteAnnotations({
         export type HeadersArgs = Annotations["HeadersArgs"];
         export type HeadersFunction = Annotations["HeadersFunction"];
 
-        // middleware
-        export type MiddlewareFunction = Annotations["MiddlewareFunction"];
+        // unstable_middleware
+        export type unstable_MiddlewareFunction = Annotations["unstable_MiddlewareFunction"];
 
-        // clientMiddleware
-        export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
+        // unstable_clientMiddleware
+        export type unstable_ClientMiddlewareFunction = Annotations["unstable_ClientMiddlewareFunction"];
 
         // loader
         export type LoaderArgs = Annotations["LoaderArgs"];
@@ -1348,43 +1348,23 @@ function invalidDestructureError(name) {
 }
 
 // vite/rsc/virtual-route-modules.ts
-var SERVER_ONLY_COMPONENT_EXPORTS = ["ServerComponent"];
 var SERVER_ONLY_ROUTE_EXPORTS = [
-  ...SERVER_ONLY_COMPONENT_EXPORTS,
   "loader",
   "action",
-  "middleware",
-  "headers"
+  "unstable_middleware",
+  "headers",
+  "ServerComponent"
 ];
-var SERVER_ONLY_ROUTE_EXPORTS_SET = new Set(SERVER_ONLY_ROUTE_EXPORTS);
-function isServerOnlyRouteExport(name) {
-  return SERVER_ONLY_ROUTE_EXPORTS_SET.has(name);
-}
-var COMMON_COMPONENT_EXPORTS = [
+var COMPONENT_EXPORTS = [
+  "default",
   "ErrorBoundary",
   "HydrateFallback",
   "Layout"
 ];
-var SERVER_FIRST_COMPONENT_EXPORTS = [
-  ...COMMON_COMPONENT_EXPORTS,
-  ...SERVER_ONLY_COMPONENT_EXPORTS
-];
-var SERVER_FIRST_COMPONENT_EXPORTS_SET = new Set(
-  SERVER_FIRST_COMPONENT_EXPORTS
-);
-function isServerFirstComponentExport(name) {
-  return SERVER_FIRST_COMPONENT_EXPORTS_SET.has(
-    name
-  );
-}
-var CLIENT_COMPONENT_EXPORTS = [
-  ...COMMON_COMPONENT_EXPORTS,
-  "default"
-];
 var CLIENT_NON_COMPONENT_EXPORTS = [
   "clientAction",
   "clientLoader",
-  "clientMiddleware",
+  "unstable_clientMiddleware",
   "handle",
   "meta",
   "links",
@@ -1396,43 +1376,25 @@ function isClientNonComponentExport(name) {
 }
 var CLIENT_ROUTE_EXPORTS = [
   ...CLIENT_NON_COMPONENT_EXPORTS,
-  ...CLIENT_COMPONENT_EXPORTS
+  ...COMPONENT_EXPORTS
 ];
 var CLIENT_ROUTE_EXPORTS_SET = new Set(CLIENT_ROUTE_EXPORTS);
 function isClientRouteExport(name) {
   return CLIENT_ROUTE_EXPORTS_SET.has(name);
 }
-var ROUTE_EXPORTS = [
-  ...SERVER_ONLY_ROUTE_EXPORTS,
-  ...CLIENT_ROUTE_EXPORTS
-];
-var ROUTE_EXPORTS_SET = new Set(ROUTE_EXPORTS);
-function isRouteExport(name) {
-  return ROUTE_EXPORTS_SET.has(name);
-}
-function isCustomRouteExport(name) {
-  return !isRouteExport(name);
-}
-function hasReactServerCondition(viteEnvironment) {
-  return viteEnvironment.config.resolve.conditions.includes("react-server");
-}
 function transformVirtualRouteModules({
   id,
   code,
-  viteCommand,
-  routeIdByFile,
-  viteEnvironment
+  viteCommand
 }) {
-  if (isVirtualRouteModuleId(id) || routeIdByFile.has(id)) {
-    return createVirtualRouteModuleCode({
-      id,
-      code,
-      viteCommand,
-      viteEnvironment
-    });
+  if (!id.includes("route-module")) {
+    return;
+  }
+  if (isVirtualRouteModuleId(id)) {
+    return createVirtualRouteModuleCode({ id, code, viteCommand });
   }
   if (isVirtualServerRouteModuleId(id)) {
-    return createVirtualServerRouteModuleCode({ id, code, viteEnvironment });
+    return createVirtualServerRouteModuleCode({ id, code });
   }
   if (isVirtualClientRouteModuleId(id)) {
     return createVirtualClientRouteModuleCode({ id, code, viteCommand });
@@ -1441,44 +1403,22 @@ function transformVirtualRouteModules({
 async function createVirtualRouteModuleCode({
   id,
   code: routeSource,
-  viteCommand,
-  viteEnvironment
+  viteCommand
 }) {
-  const isReactServer = hasReactServerCondition(viteEnvironment);
   const { staticExports, isServerFirstRoute, hasClientExports } = parseRouteExports(routeSource);
   const clientModuleId = getVirtualClientModuleId(id);
   const serverModuleId = getVirtualServerModuleId(id);
   let code = "";
   if (isServerFirstRoute) {
-    if (staticExports.some(isServerFirstComponentExport)) {
-      code += `import React from "react";
-`;
-    }
     for (const staticExport of staticExports) {
       if (isClientNonComponentExport(staticExport)) {
         code += `export { ${staticExport} } from "${clientModuleId}";
 `;
-      } else if (isReactServer && isServerFirstComponentExport(staticExport) && // Layout wraps all other component exports so doesn't need CSS injected
-      staticExport !== "Layout") {
-        code += `import { ${staticExport} as ${staticExport}WithoutCss } from "${serverModuleId}";
-`;
-        code += `export ${staticExport === "ServerComponent" ? "default " : " "}function ${staticExport}(props) {
-`;
-        code += `  return React.createElement(React.Fragment, null,
-`;
-        code += `    import.meta.viteRsc.loadCss(),
-`;
-        code += `    React.createElement(${staticExport}WithoutCss, props),
-`;
-        code += `  );
-`;
-        code += `}
+      } else if (staticExport === "ServerComponent") {
+        code += `export { ServerComponent as default } from "${serverModuleId}";
 `;
-      } else if (isReactServer && isRouteExport(staticExport)) {
+      } else {
         code += `export { ${staticExport} } from "${serverModuleId}";
-`;
-      } else if (isCustomRouteExport(staticExport)) {
-        code += `export { ${staticExport} } from "${isReactServer ? serverModuleId : clientModuleId}";
 `;
       }
     }
@@ -1491,11 +1431,8 @@ async function createVirtualRouteModuleCode({
       if (isClientRouteExport(staticExport)) {
         code += `export { ${staticExport} } from "${clientModuleId}";
 `;
-      } else if (isReactServer && isServerOnlyRouteExport(staticExport)) {
+      } else {
         code += `export { ${staticExport} } from "${serverModuleId}";
-`;
-      } else if (isCustomRouteExport(staticExport)) {
-        code += `export { ${staticExport} } from "${isReactServer ? serverModuleId : clientModuleId}";
 `;
       }
     }
@@ -1508,18 +1445,8 @@ async function createVirtualRouteModuleCode({
 }
 function createVirtualServerRouteModuleCode({
   id,
-  code: routeSource,
-  viteEnvironment
+  code: routeSource
 }) {
-  if (!hasReactServerCondition(viteEnvironment)) {
-    throw new Error(
-      [
-        "Virtual server route module was loaded outside of the RSC environment.",
-        `Environment Name: ${viteEnvironment.name}`,
-        `Module ID: ${id}`
-      ].join("\n")
-    );
-  }
   const { staticExports, isServerFirstRoute } = parseRouteExports(routeSource);
   const clientModuleId = getVirtualClientModuleId(id);
   const serverRouteModuleAst = import_parser.parse(routeSource, {
@@ -1547,7 +1474,7 @@ function createVirtualClientRouteModuleCode({
   viteCommand
 }) {
   const { staticExports, isServerFirstRoute, hasClientExports } = parseRouteExports(routeSource);
-  const exportsToRemove = isServerFirstRoute ? [...SERVER_ONLY_ROUTE_EXPORTS, ...CLIENT_COMPONENT_EXPORTS] : SERVER_ONLY_ROUTE_EXPORTS;
+  const exportsToRemove = isServerFirstRoute ? [...SERVER_ONLY_ROUTE_EXPORTS, ...COMPONENT_EXPORTS] : SERVER_ONLY_ROUTE_EXPORTS;
   const clientRouteModuleAst = import_parser.parse(routeSource, {
     sourceType: "module"
   });
@@ -1771,14 +1698,7 @@ function reactRouterRSCVitePlugin() {
     {
       name: "react-router/rsc/virtual-route-modules",
       transform(code, id) {
-        if (!routeIdByFile) return;
-        return transformVirtualRouteModules({
-          code,
-          id,
-          viteCommand,
-          routeIdByFile,
-          viteEnvironment: this.environment
-        });
+        return transformVirtualRouteModules({ code, id, viteCommand });
       }
     },
     {
@@ -1839,8 +1759,8 @@ function reactRouterRSCVitePlugin() {
         const isJSX = filepath.endsWith("x");
         const useFastRefresh = !ssr && (isJSX || code.includes(devRuntime));
         if (!useFastRefresh) return;
-        if (isVirtualClientRouteModuleId(id)) {
-          const routeId = routeIdByFile?.get(filepath);
+        const routeId = routeIdByFile?.get(filepath);
+        if (routeId !== void 0) {
           return { code: addRefreshWrapper({ routeId, code, id }) };
         }
         const result = await babel.transformAsync(code, {

package/dist/routes.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-426e5caec
+ * @react-router/dev v0.0.0-experimental-7ed11be
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/vite/cloudflare.d.ts

@@ -1,4 +1,4 @@
-import { UNSAFE_MiddlewareEnabled, RouterContextProvider, AppLoadContext } from 'react-router';
+import { UNSAFE_MiddlewareEnabled, unstable_RouterContextProvider, AppLoadContext } from 'react-router';
 import { Plugin } from 'vite';
 import { PlatformProxy, GetPlatformProxyOptions } from 'wrangler';
 
@@ -10,7 +10,7 @@ type LoadContext<Env, Cf extends CfProperties> = {
 type GetLoadContext<Env, Cf extends CfProperties> = (args: {
     request: Request;
     context: LoadContext<Env, Cf>;
-}) => UNSAFE_MiddlewareEnabled extends true ? MaybePromise<RouterContextProvider> : MaybePromise<AppLoadContext>;
+}) => UNSAFE_MiddlewareEnabled extends true ? MaybePromise<unstable_RouterContextProvider> : MaybePromise<AppLoadContext>;
 /**
  * Vite plugin that provides [Node proxies to local workerd
  * bindings](https://developers.cloudflare.com/workers/wrangler/api/#getplatformproxy)

package/dist/vite/cloudflare.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-426e5caec
+ * @react-router/dev v0.0.0-experimental-7ed11be
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -573,7 +573,7 @@ async function resolveConfig({
     }
   }
   let future = {
-    v8_middleware: reactRouterUserConfig.future?.v8_middleware ?? false,
+    unstable_middleware: reactRouterUserConfig.future?.unstable_middleware ?? false,
     unstable_optimizeDeps: reactRouterUserConfig.future?.unstable_optimizeDeps ?? false,
     unstable_splitRouteModules: reactRouterUserConfig.future?.unstable_splitRouteModules ?? false,
     unstable_subResourceIntegrity: reactRouterUserConfig.future?.unstable_subResourceIntegrity ?? false,

package/dist/vite.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-426e5caec
+ * @react-router/dev v0.0.0-experimental-7ed11be
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -533,7 +533,7 @@ async function resolveConfig({
     }
   }
   let future = {
-    v8_middleware: reactRouterUserConfig.future?.v8_middleware ?? false,
+    unstable_middleware: reactRouterUserConfig.future?.unstable_middleware ?? false,
     unstable_optimizeDeps: reactRouterUserConfig.future?.unstable_optimizeDeps ?? false,
     unstable_splitRouteModules: reactRouterUserConfig.future?.unstable_splitRouteModules ?? false,
     unstable_subResourceIntegrity: reactRouterUserConfig.future?.unstable_subResourceIntegrity ?? false,
@@ -883,7 +883,7 @@ function generateFuture(ctx) {
 
     declare module "react-router" {
       interface Future {
-        middleware: ${ctx.config.future.v8_middleware}
+        unstable_middleware: ${ctx.config.future.unstable_middleware}
       }
     }
   `;
@@ -1105,11 +1105,11 @@ function getRouteAnnotations({
         export type HeadersArgs = Annotations["HeadersArgs"];
         export type HeadersFunction = Annotations["HeadersFunction"];
 
-        // middleware
-        export type MiddlewareFunction = Annotations["MiddlewareFunction"];
+        // unstable_middleware
+        export type unstable_MiddlewareFunction = Annotations["unstable_MiddlewareFunction"];
 
-        // clientMiddleware
-        export type ClientMiddlewareFunction = Annotations["ClientMiddlewareFunction"];
+        // unstable_clientMiddleware
+        export type unstable_ClientMiddlewareFunction = Annotations["unstable_ClientMiddlewareFunction"];
 
         // loader
         export type LoaderArgs = Annotations["LoaderArgs"];
@@ -2210,7 +2210,7 @@ function detectRouteChunks(code, cache, cacheKey) {
 var routeChunkExportNames = [
   "clientAction",
   "clientLoader",
-  "clientMiddleware",
+  "unstable_clientMiddleware",
   "HydrateFallback"
 ];
 var mainChunkName = "main";
@@ -2226,7 +2226,7 @@ var routeChunkQueryStrings = {
   main: `${routeChunkQueryStringPrefix}main`,
   clientAction: `${routeChunkQueryStringPrefix}clientAction`,
   clientLoader: `${routeChunkQueryStringPrefix}clientLoader`,
-  clientMiddleware: `${routeChunkQueryStringPrefix}clientMiddleware`,
+  unstable_clientMiddleware: `${routeChunkQueryStringPrefix}unstable_clientMiddleware`,
   HydrateFallback: `${routeChunkQueryStringPrefix}HydrateFallback`
 };
 function getRouteChunkModuleId(filePath, chunkName) {
@@ -2359,11 +2359,16 @@ function validatePluginOrder() {
 function extractPluginContext(viteConfig) {
   return viteConfig["__reactRouterPluginContext"];
 }
-var SERVER_ONLY_ROUTE_EXPORTS = ["loader", "action", "middleware", "headers"];
+var SERVER_ONLY_ROUTE_EXPORTS = [
+  "loader",
+  "action",
+  "unstable_middleware",
+  "headers"
+];
 var CLIENT_NON_COMPONENT_EXPORTS = [
   "clientAction",
   "clientLoader",
-  "clientMiddleware",
+  "unstable_clientMiddleware",
   "handle",
   "meta",
   "links",
@@ -2846,7 +2851,9 @@ var reactRouterVitePlugin = () => {
       let sourceExports = routeManifestExports[route.id];
       let hasClientAction = sourceExports.includes("clientAction");
       let hasClientLoader = sourceExports.includes("clientLoader");
-      let hasClientMiddleware = sourceExports.includes("clientMiddleware");
+      let hasClientMiddleware = sourceExports.includes(
+        "unstable_clientMiddleware"
+      );
       let hasHydrateFallback = sourceExports.includes("HydrateFallback");
       let { hasRouteChunkByExportName } = await detectRouteChunksIfEnabled(
         cache,
@@ -2861,7 +2868,7 @@ var reactRouterVitePlugin = () => {
           valid: {
             clientAction: !hasClientAction || hasRouteChunkByExportName.clientAction,
             clientLoader: !hasClientLoader || hasRouteChunkByExportName.clientLoader,
-            clientMiddleware: !hasClientMiddleware || hasRouteChunkByExportName.clientMiddleware,
+            unstable_clientMiddleware: !hasClientMiddleware || hasRouteChunkByExportName.unstable_clientMiddleware,
             HydrateFallback: !hasHydrateFallback || hasRouteChunkByExportName.HydrateFallback
           }
         });
@@ -2895,10 +2902,10 @@ var reactRouterVitePlugin = () => {
           viteManifest,
           getRouteChunkModuleId(routeFile, "clientLoader")
         ) : void 0,
-        clientMiddlewareModule: hasRouteChunkByExportName.clientMiddleware ? getPublicModulePathForEntry(
+        clientMiddlewareModule: hasRouteChunkByExportName.unstable_clientMiddleware ? getPublicModulePathForEntry(
           ctx,
           viteManifest,
-          getRouteChunkModuleId(routeFile, "clientMiddleware")
+          getRouteChunkModuleId(routeFile, "unstable_clientMiddleware")
         ) : void 0,
         hydrateFallbackModule: hasRouteChunkByExportName.HydrateFallback ? getPublicModulePathForEntry(
           ctx,
@@ -2957,7 +2964,9 @@ var reactRouterVitePlugin = () => {
       let sourceExports = routeManifestExports[key];
       let hasClientAction = sourceExports.includes("clientAction");
       let hasClientLoader = sourceExports.includes("clientLoader");
-      let hasClientMiddleware = sourceExports.includes("clientMiddleware");
+      let hasClientMiddleware = sourceExports.includes(
+        "unstable_clientMiddleware"
+      );
       let hasHydrateFallback = sourceExports.includes("HydrateFallback");
       let routeModulePath = combineURLs(
         ctx.publicPath,
@@ -2979,7 +2988,7 @@ var reactRouterVitePlugin = () => {
           valid: {
             clientAction: !hasClientAction || hasRouteChunkByExportName.clientAction,
             clientLoader: !hasClientLoader || hasRouteChunkByExportName.clientLoader,
-            clientMiddleware: !hasClientMiddleware || hasRouteChunkByExportName.clientMiddleware,
+            unstable_clientMiddleware: !hasClientMiddleware || hasRouteChunkByExportName.unstable_clientMiddleware,
             HydrateFallback: !hasHydrateFallback || hasRouteChunkByExportName.HydrateFallback
           }
         });
@@ -3647,7 +3656,9 @@ var reactRouterVitePlugin = () => {
             valid: {
               clientAction: !exportNames.includes("clientAction"),
               clientLoader: !exportNames.includes("clientLoader"),
-              clientMiddleware: !exportNames.includes("clientMiddleware"),
+              unstable_clientMiddleware: !exportNames.includes(
+                "unstable_clientMiddleware"
+              ),
               HydrateFallback: !exportNames.includes("HydrateFallback")
             }
           });
@@ -4074,13 +4085,13 @@ async function getRouteMetadata(cache, ctx, viteChildCompiler, route, readRouteF
     // Ensure the Vite dev server responds with a JS module
     clientActionModule: hasRouteChunkByExportName.clientAction ? `${getRouteChunkModuleId(moduleUrl, "clientAction")}` : void 0,
     clientLoaderModule: hasRouteChunkByExportName.clientLoader ? `${getRouteChunkModuleId(moduleUrl, "clientLoader")}` : void 0,
-    clientMiddlewareModule: hasRouteChunkByExportName.clientMiddleware ? `${getRouteChunkModuleId(moduleUrl, "clientMiddleware")}` : void 0,
+    clientMiddlewareModule: hasRouteChunkByExportName.unstable_clientMiddleware ? `${getRouteChunkModuleId(moduleUrl, "unstable_clientMiddleware")}` : void 0,
     hydrateFallbackModule: hasRouteChunkByExportName.HydrateFallback ? `${getRouteChunkModuleId(moduleUrl, "HydrateFallback")}` : void 0,
     hasAction: sourceExports.includes("action"),
     hasClientAction: sourceExports.includes("clientAction"),
     hasLoader: sourceExports.includes("loader"),
     hasClientLoader: sourceExports.includes("clientLoader"),
-    hasClientMiddleware: sourceExports.includes("clientMiddleware"),
+    hasClientMiddleware: sourceExports.includes("unstable_clientMiddleware"),
     hasErrorBoundary: sourceExports.includes("ErrorBoundary"),
     imports: []
   };
@@ -4528,7 +4539,7 @@ async function detectRouteChunksIfEnabled(cache, ctx, id, input) {
       hasRouteChunkByExportName: {
         clientAction: false,
         clientLoader: false,
-        clientMiddleware: false,
+        unstable_clientMiddleware: false,
         HydrateFallback: false
       }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-router/dev",
-  "version": "0.0.0-experimental-426e5caec",
+  "version": "0.0.0-experimental-7ed11be",
   "description": "Dev tools and CLI for React Router",
   "homepage": "https://reactrouter.com",
   "bugs": {
@@ -91,7 +91,7 @@
     "tinyglobby": "^0.2.14",
     "valibot": "^0.41.0",
     "vite-node": "^3.2.2",
-    "@react-router/node": "0.0.0-experimental-426e5caec"
+    "@react-router/node": "0.0.0-experimental-7ed11be"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
@@ -114,15 +114,15 @@
     "vite": "^6.1.0",
     "wireit": "0.14.9",
     "wrangler": "^4.23.0",
-    "@react-router/serve": "0.0.0-experimental-426e5caec",
-    "react-router": "^0.0.0-experimental-426e5caec"
+    "@react-router/serve": "0.0.0-experimental-7ed11be",
+    "react-router": "^0.0.0-experimental-7ed11be"
   },
   "peerDependencies": {
     "typescript": "^5.1.0",
     "vite": "^5.1.0 || ^6.0.0 || ^7.0.0",
     "wrangler": "^3.28.2 || ^4.0.0",
-    "@react-router/serve": "^0.0.0-experimental-426e5caec",
-    "react-router": "^0.0.0-experimental-426e5caec"
+    "@react-router/serve": "^0.0.0-experimental-7ed11be",
+    "react-router": "^0.0.0-experimental-7ed11be"
   },
   "peerDependenciesMeta": {
     "@react-router/serve": {