react-router 0.0.0-experimental-df6bc686c → 0.0.0-experimental-9ea41ead4

package/dist/development/{chunk-UDQUAXYC.mjs → chunk-RSP5WONC.mjs}

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-df6bc686c
+ * react-router v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -5472,7 +5472,7 @@ function getNewMatchesForLinks(page, nextMatches, currentMatches, manifest, loca
   }
   return [];
 }
-function getModuleLinkHrefs(matches, manifest) {
+function getModuleLinkHrefs(matches, manifest, { includeHydrateFallback } = {}) {
   return dedupeHrefs(
     matches.map((match) => {
       let route = manifest.routes[match.route.id];
@@ -5484,6 +5484,9 @@ function getModuleLinkHrefs(matches, manifest) {
       if (route.clientLoaderModule) {
         hrefs = hrefs.concat(route.clientLoaderModule);
       }
+      if (includeHydrateFallback && route.hydrateFallbackModule) {
+        hrefs = hrefs.concat(route.hydrateFallbackModule);
+      }
       if (route.imports) {
         hrefs = hrefs.concat(route.imports);
       }
@@ -6159,6 +6162,21 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
       }
       return fetchServerHandler(singleFetch);
     }
+    function prefetchModule(modulePath) {
+      import(
+        /* @vite-ignore */
+        /* webpackIgnore: true */
+        modulePath
+      );
+    }
+    function prefetchRouteModuleChunks(route2) {
+      if (route2.clientActionModule) {
+        prefetchModule(route2.clientActionModule);
+      }
+      if (route2.clientLoaderModule) {
+        prefetchModule(route2.clientLoaderModule);
+      }
+    }
     async function prefetchStylesAndCallHandler(handler) {
       let cachedModule = routeModulesCache[route.id];
       let linkPrefetchPromise = cachedModule ? prefetchStyleLinks(route, cachedModule) : Promise.resolve();
@@ -6259,6 +6277,7 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
         dataRoute.loader = async (args, singleFetch) => {
           invariant2(route.clientLoaderModule);
           let { clientLoader } = await import(
+            /* @vite-ignore */
             /* webpackIgnore: true */
             route.clientLoaderModule
           );
@@ -6281,7 +6300,9 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
       } else if (route.clientActionModule) {
         dataRoute.action = async (args, singleFetch) => {
           invariant2(route.clientActionModule);
+          prefetchRouteModuleChunks(route);
           let { clientAction } = await import(
+            /* @vite-ignore */
             /* webpackIgnore: true */
             route.clientActionModule
           );
@@ -6298,10 +6319,12 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
         if (route.clientLoaderModule || route.clientActionModule) {
           await new Promise((resolve) => setTimeout(resolve, 0));
         }
-        let mod = await loadRouteModuleWithBlockingLinks(
+        let modPromise = loadRouteModuleWithBlockingLinks(
           route,
           routeModulesCache
         );
+        prefetchRouteModuleChunks(route);
+        let mod = await modPromise;
         let lazyRoute = { ...mod };
         if (mod.clientLoader && !route.clientLoaderModule) {
           let clientLoader = mod.clientLoader;
@@ -6936,10 +6959,25 @@ ${matches.map((match, routeIndex) => {
         module
       } = manifestEntry;
       let chunks = [
-        ...clientActionModule ? [{ module: clientActionModule, varName: `${routeVarName}_a` }] : [],
-        ...clientLoaderModule ? [{ module: clientLoaderModule, varName: `${routeVarName}_l` }] : [],
-        ...hydrateFallbackModule ? [{ module: hydrateFallbackModule, varName: `${routeVarName}_h` }] : [],
-        { module, varName: `${routeVarName}_m` }
+        ...clientActionModule ? [
+          {
+            module: clientActionModule,
+            varName: `${routeVarName}_clientAction`
+          }
+        ] : [],
+        ...clientLoaderModule ? [
+          {
+            module: clientLoaderModule,
+            varName: `${routeVarName}_clientLoader`
+          }
+        ] : [],
+        ...hydrateFallbackModule ? [
+          {
+            module: hydrateFallbackModule,
+            varName: `${routeVarName}_HydrateFallback`
+          }
+        ] : [],
+        { module, varName: `${routeVarName}_main` }
       ];
       if (chunks.length === 1) {
         return `import * as ${routeVarName} from ${JSON.stringify(module)};`;
@@ -6978,7 +7016,11 @@ import(${JSON.stringify(manifest.entry.module)});`;
       }
     ));
   }, []);
-  let preloads = isHydrated ? [] : manifest.entry.imports.concat(getModuleLinkHrefs(matches, manifest));
+  let preloads = isHydrated ? [] : manifest.entry.imports.concat(
+    getModuleLinkHrefs(matches, manifest, {
+      includeHydrateFallback: true
+    })
+  );
   return isHydrated ? null : /* @__PURE__ */ React9.createElement(React9.Fragment, null, !enableFogOfWar ? /* @__PURE__ */ React9.createElement(
     "link",
     {
@@ -7022,7 +7064,7 @@ function mergeRefs(...refs) {
 var isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
 try {
   if (isBrowser) {
-    window.__reactRouterVersion = "0.0.0-experimental-df6bc686c";
+    window.__reactRouterVersion = "0.0.0-experimental-9ea41ead4";
   }
 } catch (e) {
 }

package/dist/development/dom-export.js

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-df6bc686c
+ * react-router v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -4262,7 +4262,7 @@ async function prefetchStyleLink(descriptor) {
 function isPageLinkDescriptor(object) {
   return object != null && typeof object.page === "string";
 }
-function getModuleLinkHrefs(matches, manifest) {
+function getModuleLinkHrefs(matches, manifest, { includeHydrateFallback } = {}) {
   return dedupeHrefs(
     matches.map((match) => {
       let route = manifest.routes[match.route.id];
@@ -4274,6 +4274,9 @@ function getModuleLinkHrefs(matches, manifest) {
       if (route.clientLoaderModule) {
         hrefs = hrefs.concat(route.clientLoaderModule);
       }
+      if (includeHydrateFallback && route.hydrateFallbackModule) {
+        hrefs = hrefs.concat(route.hydrateFallbackModule);
+      }
       if (route.imports) {
         hrefs = hrefs.concat(route.imports);
       }
@@ -4808,6 +4811,21 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
       }
       return fetchServerHandler(singleFetch);
     }
+    function prefetchModule(modulePath) {
+      import(
+        /* @vite-ignore */
+        /* webpackIgnore: true */
+        modulePath
+      );
+    }
+    function prefetchRouteModuleChunks(route2) {
+      if (route2.clientActionModule) {
+        prefetchModule(route2.clientActionModule);
+      }
+      if (route2.clientLoaderModule) {
+        prefetchModule(route2.clientLoaderModule);
+      }
+    }
     async function prefetchStylesAndCallHandler(handler) {
       let cachedModule = routeModulesCache[route.id];
       let linkPrefetchPromise = cachedModule ? prefetchStyleLinks(route, cachedModule) : Promise.resolve();
@@ -4908,6 +4926,7 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
         dataRoute.loader = async (args, singleFetch) => {
           invariant2(route.clientLoaderModule);
           let { clientLoader } = await import(
+            /* @vite-ignore */
             /* webpackIgnore: true */
             route.clientLoaderModule
           );
@@ -4930,7 +4949,9 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
       } else if (route.clientActionModule) {
         dataRoute.action = async (args, singleFetch) => {
           invariant2(route.clientActionModule);
+          prefetchRouteModuleChunks(route);
           let { clientAction } = await import(
+            /* @vite-ignore */
             /* webpackIgnore: true */
             route.clientActionModule
           );
@@ -4947,10 +4968,12 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
         if (route.clientLoaderModule || route.clientActionModule) {
           await new Promise((resolve) => setTimeout(resolve, 0));
         }
-        let mod = await loadRouteModuleWithBlockingLinks(
+        let modPromise = loadRouteModuleWithBlockingLinks(
           route,
           routeModulesCache
         );
+        prefetchRouteModuleChunks(route);
+        let mod = await modPromise;
         let lazyRoute = { ...mod };
         if (mod.clientLoader && !route.clientLoaderModule) {
           let clientLoader = mod.clientLoader;
@@ -5294,10 +5317,25 @@ ${matches.map((match, routeIndex) => {
         module: module2
       } = manifestEntry;
       let chunks = [
-        ...clientActionModule ? [{ module: clientActionModule, varName: `${routeVarName}_a` }] : [],
-        ...clientLoaderModule ? [{ module: clientLoaderModule, varName: `${routeVarName}_l` }] : [],
-        ...hydrateFallbackModule ? [{ module: hydrateFallbackModule, varName: `${routeVarName}_h` }] : [],
-        { module: module2, varName: `${routeVarName}_m` }
+        ...clientActionModule ? [
+          {
+            module: clientActionModule,
+            varName: `${routeVarName}_clientAction`
+          }
+        ] : [],
+        ...clientLoaderModule ? [
+          {
+            module: clientLoaderModule,
+            varName: `${routeVarName}_clientLoader`
+          }
+        ] : [],
+        ...hydrateFallbackModule ? [
+          {
+            module: hydrateFallbackModule,
+            varName: `${routeVarName}_HydrateFallback`
+          }
+        ] : [],
+        { module: module2, varName: `${routeVarName}_main` }
       ];
       if (chunks.length === 1) {
         return `import * as ${routeVarName} from ${JSON.stringify(module2)};`;
@@ -5336,7 +5374,11 @@ import(${JSON.stringify(manifest.entry.module)});`;
       }
     ));
   }, []);
-  let preloads = isHydrated ? [] : manifest.entry.imports.concat(getModuleLinkHrefs(matches, manifest));
+  let preloads = isHydrated ? [] : manifest.entry.imports.concat(
+    getModuleLinkHrefs(matches, manifest, {
+      includeHydrateFallback: true
+    })
+  );
   return isHydrated ? null : /* @__PURE__ */ React9.createElement(React9.Fragment, null, !enableFogOfWar ? /* @__PURE__ */ React9.createElement(
     "link",
     {

package/dist/development/dom-export.mjs

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-df6bc686c
+ * react-router v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -25,7 +25,7 @@ import {
   matchRoutes,
   shouldHydrateRouteLoader,
   useFogOFWarDiscovery
-} from "./chunk-UDQUAXYC.mjs";
+} from "./chunk-RSP5WONC.mjs";
 
 // lib/dom-export/dom-router-provider.tsx
 import * as React from "react";

package/dist/development/index.js

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-df6bc686c
+ * react-router v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -5617,7 +5617,7 @@ function getNewMatchesForLinks(page, nextMatches, currentMatches, manifest, loca
   }
   return [];
 }
-function getModuleLinkHrefs(matches, manifest) {
+function getModuleLinkHrefs(matches, manifest, { includeHydrateFallback } = {}) {
   return dedupeHrefs(
     matches.map((match) => {
       let route = manifest.routes[match.route.id];
@@ -5629,6 +5629,9 @@ function getModuleLinkHrefs(matches, manifest) {
       if (route.clientLoaderModule) {
         hrefs = hrefs.concat(route.clientLoaderModule);
       }
+      if (includeHydrateFallback && route.hydrateFallbackModule) {
+        hrefs = hrefs.concat(route.hydrateFallbackModule);
+      }
       if (route.imports) {
         hrefs = hrefs.concat(route.imports);
       }
@@ -6304,6 +6307,21 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
       }
       return fetchServerHandler(singleFetch);
     }
+    function prefetchModule(modulePath) {
+      import(
+        /* @vite-ignore */
+        /* webpackIgnore: true */
+        modulePath
+      );
+    }
+    function prefetchRouteModuleChunks(route2) {
+      if (route2.clientActionModule) {
+        prefetchModule(route2.clientActionModule);
+      }
+      if (route2.clientLoaderModule) {
+        prefetchModule(route2.clientLoaderModule);
+      }
+    }
     async function prefetchStylesAndCallHandler(handler) {
       let cachedModule = routeModulesCache[route.id];
       let linkPrefetchPromise = cachedModule ? prefetchStyleLinks(route, cachedModule) : Promise.resolve();
@@ -6404,6 +6422,7 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
         dataRoute.loader = async (args, singleFetch) => {
           invariant2(route.clientLoaderModule);
           let { clientLoader } = await import(
+            /* @vite-ignore */
             /* webpackIgnore: true */
             route.clientLoaderModule
           );
@@ -6426,7 +6445,9 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
       } else if (route.clientActionModule) {
         dataRoute.action = async (args, singleFetch) => {
           invariant2(route.clientActionModule);
+          prefetchRouteModuleChunks(route);
           let { clientAction } = await import(
+            /* @vite-ignore */
             /* webpackIgnore: true */
             route.clientActionModule
           );
@@ -6443,10 +6464,12 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
         if (route.clientLoaderModule || route.clientActionModule) {
           await new Promise((resolve) => setTimeout(resolve, 0));
         }
-        let mod = await loadRouteModuleWithBlockingLinks(
+        let modPromise = loadRouteModuleWithBlockingLinks(
           route,
           routeModulesCache
         );
+        prefetchRouteModuleChunks(route);
+        let mod = await modPromise;
         let lazyRoute = { ...mod };
         if (mod.clientLoader && !route.clientLoaderModule) {
           let clientLoader = mod.clientLoader;
@@ -7081,10 +7104,25 @@ ${matches.map((match, routeIndex) => {
         module: module2
       } = manifestEntry;
       let chunks = [
-        ...clientActionModule ? [{ module: clientActionModule, varName: `${routeVarName}_a` }] : [],
-        ...clientLoaderModule ? [{ module: clientLoaderModule, varName: `${routeVarName}_l` }] : [],
-        ...hydrateFallbackModule ? [{ module: hydrateFallbackModule, varName: `${routeVarName}_h` }] : [],
-        { module: module2, varName: `${routeVarName}_m` }
+        ...clientActionModule ? [
+          {
+            module: clientActionModule,
+            varName: `${routeVarName}_clientAction`
+          }
+        ] : [],
+        ...clientLoaderModule ? [
+          {
+            module: clientLoaderModule,
+            varName: `${routeVarName}_clientLoader`
+          }
+        ] : [],
+        ...hydrateFallbackModule ? [
+          {
+            module: hydrateFallbackModule,
+            varName: `${routeVarName}_HydrateFallback`
+          }
+        ] : [],
+        { module: module2, varName: `${routeVarName}_main` }
       ];
       if (chunks.length === 1) {
         return `import * as ${routeVarName} from ${JSON.stringify(module2)};`;
@@ -7123,7 +7161,11 @@ import(${JSON.stringify(manifest.entry.module)});`;
       }
     ));
   }, []);
-  let preloads = isHydrated ? [] : manifest.entry.imports.concat(getModuleLinkHrefs(matches, manifest));
+  let preloads = isHydrated ? [] : manifest.entry.imports.concat(
+    getModuleLinkHrefs(matches, manifest, {
+      includeHydrateFallback: true
+    })
+  );
   return isHydrated ? null : /* @__PURE__ */ React9.createElement(React9.Fragment, null, !enableFogOfWar ? /* @__PURE__ */ React9.createElement(
     "link",
     {
@@ -7167,7 +7209,7 @@ function mergeRefs(...refs) {
 var isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
 try {
   if (isBrowser) {
-    window.__reactRouterVersion = "0.0.0-experimental-df6bc686c";
+    window.__reactRouterVersion = "0.0.0-experimental-9ea41ead4";
   }
 } catch (e) {
 }

package/dist/development/index.mjs

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-df6bc686c
+ * react-router v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -120,7 +120,7 @@ import {
   useSearchParams,
   useSubmit,
   useViewTransitionState
-} from "./chunk-UDQUAXYC.mjs";
+} from "./chunk-RSP5WONC.mjs";
 export {
   Await,
   BrowserRouter,

package/dist/development/lib/types/route-module.js

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-df6bc686c
+ * react-router v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/types/route-module.mjs

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-df6bc686c
+ * react-router v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/{chunk-VOIZN74L.mjs → chunk-3VYQCA5J.mjs}

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-df6bc686c
+ * react-router v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -5472,7 +5472,7 @@ function getNewMatchesForLinks(page, nextMatches, currentMatches, manifest, loca
   }
   return [];
 }
-function getModuleLinkHrefs(matches, manifest) {
+function getModuleLinkHrefs(matches, manifest, { includeHydrateFallback } = {}) {
   return dedupeHrefs(
     matches.map((match) => {
       let route = manifest.routes[match.route.id];
@@ -5484,6 +5484,9 @@ function getModuleLinkHrefs(matches, manifest) {
       if (route.clientLoaderModule) {
         hrefs = hrefs.concat(route.clientLoaderModule);
       }
+      if (includeHydrateFallback && route.hydrateFallbackModule) {
+        hrefs = hrefs.concat(route.hydrateFallbackModule);
+      }
       if (route.imports) {
         hrefs = hrefs.concat(route.imports);
       }
@@ -6159,6 +6162,21 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
       }
       return fetchServerHandler(singleFetch);
     }
+    function prefetchModule(modulePath) {
+      import(
+        /* @vite-ignore */
+        /* webpackIgnore: true */
+        modulePath
+      );
+    }
+    function prefetchRouteModuleChunks(route2) {
+      if (route2.clientActionModule) {
+        prefetchModule(route2.clientActionModule);
+      }
+      if (route2.clientLoaderModule) {
+        prefetchModule(route2.clientLoaderModule);
+      }
+    }
     async function prefetchStylesAndCallHandler(handler) {
       let cachedModule = routeModulesCache[route.id];
       let linkPrefetchPromise = cachedModule ? prefetchStyleLinks(route, cachedModule) : Promise.resolve();
@@ -6259,6 +6277,7 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
         dataRoute.loader = async (args, singleFetch) => {
           invariant2(route.clientLoaderModule);
           let { clientLoader } = await import(
+            /* @vite-ignore */
             /* webpackIgnore: true */
             route.clientLoaderModule
           );
@@ -6281,7 +6300,9 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
       } else if (route.clientActionModule) {
         dataRoute.action = async (args, singleFetch) => {
           invariant2(route.clientActionModule);
+          prefetchRouteModuleChunks(route);
           let { clientAction } = await import(
+            /* @vite-ignore */
             /* webpackIgnore: true */
             route.clientActionModule
           );
@@ -6298,10 +6319,12 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
         if (route.clientLoaderModule || route.clientActionModule) {
           await new Promise((resolve) => setTimeout(resolve, 0));
         }
-        let mod = await loadRouteModuleWithBlockingLinks(
+        let modPromise = loadRouteModuleWithBlockingLinks(
           route,
           routeModulesCache
         );
+        prefetchRouteModuleChunks(route);
+        let mod = await modPromise;
         let lazyRoute = { ...mod };
         if (mod.clientLoader && !route.clientLoaderModule) {
           let clientLoader = mod.clientLoader;
@@ -6936,10 +6959,25 @@ ${matches.map((match, routeIndex) => {
         module
       } = manifestEntry;
       let chunks = [
-        ...clientActionModule ? [{ module: clientActionModule, varName: `${routeVarName}_a` }] : [],
-        ...clientLoaderModule ? [{ module: clientLoaderModule, varName: `${routeVarName}_l` }] : [],
-        ...hydrateFallbackModule ? [{ module: hydrateFallbackModule, varName: `${routeVarName}_h` }] : [],
-        { module, varName: `${routeVarName}_m` }
+        ...clientActionModule ? [
+          {
+            module: clientActionModule,
+            varName: `${routeVarName}_clientAction`
+          }
+        ] : [],
+        ...clientLoaderModule ? [
+          {
+            module: clientLoaderModule,
+            varName: `${routeVarName}_clientLoader`
+          }
+        ] : [],
+        ...hydrateFallbackModule ? [
+          {
+            module: hydrateFallbackModule,
+            varName: `${routeVarName}_HydrateFallback`
+          }
+        ] : [],
+        { module, varName: `${routeVarName}_main` }
       ];
       if (chunks.length === 1) {
         return `import * as ${routeVarName} from ${JSON.stringify(module)};`;
@@ -6978,7 +7016,11 @@ import(${JSON.stringify(manifest.entry.module)});`;
       }
     ));
   }, []);
-  let preloads = isHydrated ? [] : manifest.entry.imports.concat(getModuleLinkHrefs(matches, manifest));
+  let preloads = isHydrated ? [] : manifest.entry.imports.concat(
+    getModuleLinkHrefs(matches, manifest, {
+      includeHydrateFallback: true
+    })
+  );
   return isHydrated ? null : /* @__PURE__ */ React9.createElement(React9.Fragment, null, !enableFogOfWar ? /* @__PURE__ */ React9.createElement(
     "link",
     {
@@ -7022,7 +7064,7 @@ function mergeRefs(...refs) {
 var isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
 try {
   if (isBrowser) {
-    window.__reactRouterVersion = "0.0.0-experimental-df6bc686c";
+    window.__reactRouterVersion = "0.0.0-experimental-9ea41ead4";
   }
 } catch (e) {
 }

package/dist/production/dom-export.js

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-df6bc686c
+ * react-router v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -4262,7 +4262,7 @@ async function prefetchStyleLink(descriptor) {
 function isPageLinkDescriptor(object) {
   return object != null && typeof object.page === "string";
 }
-function getModuleLinkHrefs(matches, manifest) {
+function getModuleLinkHrefs(matches, manifest, { includeHydrateFallback } = {}) {
   return dedupeHrefs(
     matches.map((match) => {
       let route = manifest.routes[match.route.id];
@@ -4274,6 +4274,9 @@ function getModuleLinkHrefs(matches, manifest) {
       if (route.clientLoaderModule) {
         hrefs = hrefs.concat(route.clientLoaderModule);
       }
+      if (includeHydrateFallback && route.hydrateFallbackModule) {
+        hrefs = hrefs.concat(route.hydrateFallbackModule);
+      }
       if (route.imports) {
         hrefs = hrefs.concat(route.imports);
       }
@@ -4808,6 +4811,21 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
       }
       return fetchServerHandler(singleFetch);
     }
+    function prefetchModule(modulePath) {
+      import(
+        /* @vite-ignore */
+        /* webpackIgnore: true */
+        modulePath
+      );
+    }
+    function prefetchRouteModuleChunks(route2) {
+      if (route2.clientActionModule) {
+        prefetchModule(route2.clientActionModule);
+      }
+      if (route2.clientLoaderModule) {
+        prefetchModule(route2.clientLoaderModule);
+      }
+    }
     async function prefetchStylesAndCallHandler(handler) {
       let cachedModule = routeModulesCache[route.id];
       let linkPrefetchPromise = cachedModule ? prefetchStyleLinks(route, cachedModule) : Promise.resolve();
@@ -4908,6 +4926,7 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
         dataRoute.loader = async (args, singleFetch) => {
           invariant2(route.clientLoaderModule);
           let { clientLoader } = await import(
+            /* @vite-ignore */
             /* webpackIgnore: true */
             route.clientLoaderModule
           );
@@ -4930,7 +4949,9 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
       } else if (route.clientActionModule) {
         dataRoute.action = async (args, singleFetch) => {
           invariant2(route.clientActionModule);
+          prefetchRouteModuleChunks(route);
           let { clientAction } = await import(
+            /* @vite-ignore */
             /* webpackIgnore: true */
             route.clientActionModule
           );
@@ -4947,10 +4968,12 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
         if (route.clientLoaderModule || route.clientActionModule) {
           await new Promise((resolve) => setTimeout(resolve, 0));
         }
-        let mod = await loadRouteModuleWithBlockingLinks(
+        let modPromise = loadRouteModuleWithBlockingLinks(
           route,
           routeModulesCache
         );
+        prefetchRouteModuleChunks(route);
+        let mod = await modPromise;
         let lazyRoute = { ...mod };
         if (mod.clientLoader && !route.clientLoaderModule) {
           let clientLoader = mod.clientLoader;
@@ -5294,10 +5317,25 @@ ${matches.map((match, routeIndex) => {
         module: module2
       } = manifestEntry;
       let chunks = [
-        ...clientActionModule ? [{ module: clientActionModule, varName: `${routeVarName}_a` }] : [],
-        ...clientLoaderModule ? [{ module: clientLoaderModule, varName: `${routeVarName}_l` }] : [],
-        ...hydrateFallbackModule ? [{ module: hydrateFallbackModule, varName: `${routeVarName}_h` }] : [],
-        { module: module2, varName: `${routeVarName}_m` }
+        ...clientActionModule ? [
+          {
+            module: clientActionModule,
+            varName: `${routeVarName}_clientAction`
+          }
+        ] : [],
+        ...clientLoaderModule ? [
+          {
+            module: clientLoaderModule,
+            varName: `${routeVarName}_clientLoader`
+          }
+        ] : [],
+        ...hydrateFallbackModule ? [
+          {
+            module: hydrateFallbackModule,
+            varName: `${routeVarName}_HydrateFallback`
+          }
+        ] : [],
+        { module: module2, varName: `${routeVarName}_main` }
       ];
       if (chunks.length === 1) {
         return `import * as ${routeVarName} from ${JSON.stringify(module2)};`;
@@ -5336,7 +5374,11 @@ import(${JSON.stringify(manifest.entry.module)});`;
       }
     ));
   }, []);
-  let preloads = isHydrated ? [] : manifest.entry.imports.concat(getModuleLinkHrefs(matches, manifest));
+  let preloads = isHydrated ? [] : manifest.entry.imports.concat(
+    getModuleLinkHrefs(matches, manifest, {
+      includeHydrateFallback: true
+    })
+  );
   return isHydrated ? null : /* @__PURE__ */ React9.createElement(React9.Fragment, null, !enableFogOfWar ? /* @__PURE__ */ React9.createElement(
     "link",
     {

package/dist/production/dom-export.mjs

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-df6bc686c
+ * react-router v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -25,7 +25,7 @@ import {
   matchRoutes,
   shouldHydrateRouteLoader,
   useFogOFWarDiscovery
-} from "./chunk-VOIZN74L.mjs";
+} from "./chunk-3VYQCA5J.mjs";
 
 // lib/dom-export/dom-router-provider.tsx
 import * as React from "react";

package/dist/production/index.js

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-df6bc686c
+ * react-router v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -5617,7 +5617,7 @@ function getNewMatchesForLinks(page, nextMatches, currentMatches, manifest, loca
   }
   return [];
 }
-function getModuleLinkHrefs(matches, manifest) {
+function getModuleLinkHrefs(matches, manifest, { includeHydrateFallback } = {}) {
   return dedupeHrefs(
     matches.map((match) => {
       let route = manifest.routes[match.route.id];
@@ -5629,6 +5629,9 @@ function getModuleLinkHrefs(matches, manifest) {
       if (route.clientLoaderModule) {
         hrefs = hrefs.concat(route.clientLoaderModule);
       }
+      if (includeHydrateFallback && route.hydrateFallbackModule) {
+        hrefs = hrefs.concat(route.hydrateFallbackModule);
+      }
       if (route.imports) {
         hrefs = hrefs.concat(route.imports);
       }
@@ -6304,6 +6307,21 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
       }
       return fetchServerHandler(singleFetch);
     }
+    function prefetchModule(modulePath) {
+      import(
+        /* @vite-ignore */
+        /* webpackIgnore: true */
+        modulePath
+      );
+    }
+    function prefetchRouteModuleChunks(route2) {
+      if (route2.clientActionModule) {
+        prefetchModule(route2.clientActionModule);
+      }
+      if (route2.clientLoaderModule) {
+        prefetchModule(route2.clientLoaderModule);
+      }
+    }
     async function prefetchStylesAndCallHandler(handler) {
       let cachedModule = routeModulesCache[route.id];
       let linkPrefetchPromise = cachedModule ? prefetchStyleLinks(route, cachedModule) : Promise.resolve();
@@ -6404,6 +6422,7 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
         dataRoute.loader = async (args, singleFetch) => {
           invariant2(route.clientLoaderModule);
           let { clientLoader } = await import(
+            /* @vite-ignore */
             /* webpackIgnore: true */
             route.clientLoaderModule
           );
@@ -6426,7 +6445,9 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
       } else if (route.clientActionModule) {
         dataRoute.action = async (args, singleFetch) => {
           invariant2(route.clientActionModule);
+          prefetchRouteModuleChunks(route);
           let { clientAction } = await import(
+            /* @vite-ignore */
             /* webpackIgnore: true */
             route.clientActionModule
           );
@@ -6443,10 +6464,12 @@ function createClientRoutes(manifest, routeModulesCache, initialState, isSpaMode
         if (route.clientLoaderModule || route.clientActionModule) {
           await new Promise((resolve) => setTimeout(resolve, 0));
         }
-        let mod = await loadRouteModuleWithBlockingLinks(
+        let modPromise = loadRouteModuleWithBlockingLinks(
           route,
           routeModulesCache
         );
+        prefetchRouteModuleChunks(route);
+        let mod = await modPromise;
         let lazyRoute = { ...mod };
         if (mod.clientLoader && !route.clientLoaderModule) {
           let clientLoader = mod.clientLoader;
@@ -7081,10 +7104,25 @@ ${matches.map((match, routeIndex) => {
         module: module2
       } = manifestEntry;
       let chunks = [
-        ...clientActionModule ? [{ module: clientActionModule, varName: `${routeVarName}_a` }] : [],
-        ...clientLoaderModule ? [{ module: clientLoaderModule, varName: `${routeVarName}_l` }] : [],
-        ...hydrateFallbackModule ? [{ module: hydrateFallbackModule, varName: `${routeVarName}_h` }] : [],
-        { module: module2, varName: `${routeVarName}_m` }
+        ...clientActionModule ? [
+          {
+            module: clientActionModule,
+            varName: `${routeVarName}_clientAction`
+          }
+        ] : [],
+        ...clientLoaderModule ? [
+          {
+            module: clientLoaderModule,
+            varName: `${routeVarName}_clientLoader`
+          }
+        ] : [],
+        ...hydrateFallbackModule ? [
+          {
+            module: hydrateFallbackModule,
+            varName: `${routeVarName}_HydrateFallback`
+          }
+        ] : [],
+        { module: module2, varName: `${routeVarName}_main` }
       ];
       if (chunks.length === 1) {
         return `import * as ${routeVarName} from ${JSON.stringify(module2)};`;
@@ -7123,7 +7161,11 @@ import(${JSON.stringify(manifest.entry.module)});`;
       }
     ));
   }, []);
-  let preloads = isHydrated ? [] : manifest.entry.imports.concat(getModuleLinkHrefs(matches, manifest));
+  let preloads = isHydrated ? [] : manifest.entry.imports.concat(
+    getModuleLinkHrefs(matches, manifest, {
+      includeHydrateFallback: true
+    })
+  );
   return isHydrated ? null : /* @__PURE__ */ React9.createElement(React9.Fragment, null, !enableFogOfWar ? /* @__PURE__ */ React9.createElement(
     "link",
     {
@@ -7167,7 +7209,7 @@ function mergeRefs(...refs) {
 var isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
 try {
   if (isBrowser) {
-    window.__reactRouterVersion = "0.0.0-experimental-df6bc686c";
+    window.__reactRouterVersion = "0.0.0-experimental-9ea41ead4";
   }
 } catch (e) {
 }

package/dist/production/index.mjs

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-df6bc686c
+ * react-router v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -120,7 +120,7 @@ import {
   useSearchParams,
   useSubmit,
   useViewTransitionState
-} from "./chunk-VOIZN74L.mjs";
+} from "./chunk-3VYQCA5J.mjs";
 export {
   Await,
   BrowserRouter,

package/dist/production/lib/types/route-module.js

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-df6bc686c
+ * react-router v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/types/route-module.mjs

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-df6bc686c
+ * react-router v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-router",
-  "version": "0.0.0-experimental-df6bc686c",
+  "version": "0.0.0-experimental-9ea41ead4",
   "description": "Declarative routing for React",
   "keywords": [
     "react",