react-router 7.9.6 → 7.10.0-pre.1

package/dist/development/dom-export.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { f as RouterProviderProps$1, e as RouterInit, u as unstable_ClientInstrumentation, g as unstable_ClientOnErrorFunction } from './router-CAvh_Drx.mjs';
-export { D as unstable_DecodeActionFunction, a as unstable_DecodeFormStateFunction, b as unstable_DecodeReplyFunction, R as unstable_RSCHydratedRouter, d as unstable_RSCManifestPayload, e as unstable_RSCPayload, f as unstable_RSCRenderPayload, c as unstable_createCallServer } from './browser-C07r42Tt.mjs';
+import { f as RouterProviderProps$1, e as RouterInit, u as unstable_ClientInstrumentation, g as unstable_ClientOnErrorFunction } from './router-CwNp5l9u.mjs';
+export { D as unstable_DecodeActionFunction, a as unstable_DecodeFormStateFunction, b as unstable_DecodeReplyFunction, R as unstable_RSCHydratedRouter, d as unstable_RSCManifestPayload, e as unstable_RSCPayload, f as unstable_RSCRenderPayload, c as unstable_createCallServer } from './browser-C5z6FZmz.mjs';
 
 type RouterProviderProps = Omit<RouterProviderProps$1, "flushSync">;
 declare function RouterProvider(props: Omit<RouterProviderProps, "flushSync">): React.JSX.Element;
@@ -25,16 +25,9 @@ interface HydratedRouterProps {
      * added routes via `route.lazy` or `patchRoutesOnNavigation`).  This is
      * mostly useful for observability such as wrapping navigations, fetches,
      * as well as route loaders/actions/middlewares with logging and/or performance
-     * tracing.
+     * tracing. See the [docs](../../how-to/instrumentation) for more information.
      *
      * ```tsx
-     * startTransition(() => {
-     *   hydrateRoot(
-     *     document,
-     *     <HydratedRouter unstable_instrumentations={[logging]} />
-     *   );
-     * });
-     *
      * const logging = {
      *   router({ instrument }) {
      *     instrument({
@@ -67,6 +60,13 @@ interface HydratedRouterProps {
      *   let duration = Math.round(performance.now() - start);
      *   console.log(`end ${label} (${duration}ms)`);
      * }
+     *
+     * startTransition(() => {
+     *   hydrateRoot(
+     *     document,
+     *     <HydratedRouter unstable_instrumentations={[logging]} />
+     *   );
+     * });
      * ```
      */
     unstable_instrumentations?: unstable_ClientInstrumentation[];
@@ -88,6 +88,25 @@ interface HydratedRouterProps {
      * ```
      */
     unstable_onError?: unstable_ClientOnErrorFunction;
+    /**
+     * Control whether router state updates are internally wrapped in
+     * [`React.startTransition`](https://react.dev/reference/react/startTransition).
+     *
+     * - When left `undefined`, all state updates are wrapped in
+     *   `React.startTransition`
+     *   - This can lead to buggy behaviors if you are wrapping your own
+     *     navigations/fetchers in `startTransition`.
+     * - When set to `true`, {@link Link} and {@link Form} navigations will be wrapped
+     *   in `React.startTransition` and router state changes will be wrapped in
+     *   `React.startTransition` and also sent through
+     *   [`useOptimistic`](https://react.dev/reference/react/useOptimistic) to
+     *   surface mid-navigation router state changes to the UI.
+     * - When set to `false`, the router will not leverage `React.startTransition` or
+     *   `React.useOptimistic` on any navigations or state changes.
+     *
+     * For more information, please see the [docs](https://reactrouter.com/explanation/react-transitions).
+     */
+    unstable_useTransitions?: boolean;
 }
 /**
  * Framework-mode router component to be used to hydrate a router from a

package/dist/development/dom-export.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { RouterProviderProps as RouterProviderProps$1, RouterInit, unstable_ClientOnErrorFunction } from 'react-router';
-import { u as unstable_ClientInstrumentation } from './instrumentation-Unc20tLk.js';
-export { D as unstable_DecodeActionFunction, a as unstable_DecodeFormStateFunction, b as unstable_DecodeReplyFunction, R as unstable_RSCHydratedRouter, d as unstable_RSCManifestPayload, e as unstable_RSCPayload, f as unstable_RSCRenderPayload, c as unstable_createCallServer } from './browser-BbBXFHbO.js';
+import { u as unstable_ClientInstrumentation } from './instrumentation-BB0wRuqz.js';
+export { D as unstable_DecodeActionFunction, a as unstable_DecodeFormStateFunction, b as unstable_DecodeReplyFunction, R as unstable_RSCHydratedRouter, d as unstable_RSCManifestPayload, e as unstable_RSCPayload, f as unstable_RSCRenderPayload, c as unstable_createCallServer } from './browser-BpxEZgZC.js';
 
 type RouterProviderProps = Omit<RouterProviderProps$1, "flushSync">;
 declare function RouterProvider(props: Omit<RouterProviderProps, "flushSync">): React.JSX.Element;
@@ -26,16 +26,9 @@ interface HydratedRouterProps {
      * added routes via `route.lazy` or `patchRoutesOnNavigation`).  This is
      * mostly useful for observability such as wrapping navigations, fetches,
      * as well as route loaders/actions/middlewares with logging and/or performance
-     * tracing.
+     * tracing. See the [docs](../../how-to/instrumentation) for more information.
      *
      * ```tsx
-     * startTransition(() => {
-     *   hydrateRoot(
-     *     document,
-     *     <HydratedRouter unstable_instrumentations={[logging]} />
-     *   );
-     * });
-     *
      * const logging = {
      *   router({ instrument }) {
      *     instrument({
@@ -68,6 +61,13 @@ interface HydratedRouterProps {
      *   let duration = Math.round(performance.now() - start);
      *   console.log(`end ${label} (${duration}ms)`);
      * }
+     *
+     * startTransition(() => {
+     *   hydrateRoot(
+     *     document,
+     *     <HydratedRouter unstable_instrumentations={[logging]} />
+     *   );
+     * });
      * ```
      */
     unstable_instrumentations?: unstable_ClientInstrumentation[];
@@ -89,6 +89,25 @@ interface HydratedRouterProps {
      * ```
      */
     unstable_onError?: unstable_ClientOnErrorFunction;
+    /**
+     * Control whether router state updates are internally wrapped in
+     * [`React.startTransition`](https://react.dev/reference/react/startTransition).
+     *
+     * - When left `undefined`, all state updates are wrapped in
+     *   `React.startTransition`
+     *   - This can lead to buggy behaviors if you are wrapping your own
+     *     navigations/fetchers in `startTransition`.
+     * - When set to `true`, {@link Link} and {@link Form} navigations will be wrapped
+     *   in `React.startTransition` and router state changes will be wrapped in
+     *   `React.startTransition` and also sent through
+     *   [`useOptimistic`](https://react.dev/reference/react/useOptimistic) to
+     *   surface mid-navigation router state changes to the UI.
+     * - When set to `false`, the router will not leverage `React.startTransition` or
+     *   `React.useOptimistic` on any navigations or state changes.
+     *
+     * For more information, please see the [docs](https://reactrouter.com/explanation/react-transitions).
+     */
+    unstable_useTransitions?: boolean;
 }
 /**
  * Framework-mode router component to be used to hydrate a router from a

package/dist/development/dom-export.js

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }/**
- * react-router v7.9.6
+ * react-router v7.10.0-pre.1
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -13,7 +13,7 @@
 
 
 
-var _chunkPZWDWJAYjs = require('./chunk-PZWDWJAY.js');
+var _chunkRHWHYDYZjs = require('./chunk-RHWHYDYZ.js');
 
 
 
@@ -32,13 +32,13 @@ var _chunkPZWDWJAYjs = require('./chunk-PZWDWJAY.js');
 
 
 
-var _chunkAMVS5XVJjs = require('./chunk-AMVS5XVJ.js');
+var _chunkKQLPIZ7Ejs = require('./chunk-KQLPIZ7E.js');
 
 // lib/dom-export/dom-router-provider.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react);
 var _reactdom = require('react-dom'); var ReactDOM = _interopRequireWildcard(_reactdom); var ReactDOM2 = _interopRequireWildcard(_reactdom);
 var _reactrouter = require('react-router');
-function RouterProvider(props) {
+function RouterProvider2(props) {
   return /* @__PURE__ */ React.createElement(_reactrouter.RouterProvider, { flushSync: ReactDOM.flushSync, ...props });
 }
 
@@ -204,7 +204,7 @@ function HydratedRouter(props) {
   }, []);
   React2.useEffect(() => {
     if (process.env.NODE_ENV === "development" && criticalCss === void 0) {
-      document.querySelectorAll(`[${_chunkAMVS5XVJjs.CRITICAL_CSS_DATA_ATTRIBUTE}]`).forEach((element) => element.remove());
+      document.querySelectorAll(`[${_chunkKQLPIZ7Ejs.CRITICAL_CSS_DATA_ATTRIBUTE}]`).forEach((element) => element.remove());
     }
   }, [criticalCss]);
   let [location2, setLocation] = React2.useState(router.state.location);
@@ -249,9 +249,10 @@ function HydratedRouter(props) {
         }
       },
       /* @__PURE__ */ React2.createElement(_reactrouter.UNSAFE_RemixErrorBoundary, { location: location2 }, /* @__PURE__ */ React2.createElement(
-        RouterProvider,
+        RouterProvider2,
         {
           router,
+          unstable_useTransitions: props.unstable_useTransitions,
           unstable_onError: props.unstable_onError
         }
       ))
@@ -290,66 +291,68 @@ function createCallServer({
         temporaryReferences
       });
     });
-    globalVar.__reactRouterDataRouter.__setPendingRerender(
-      Promise.resolve(payloadPromise).then(async (payload) => {
-        if (payload.type === "redirect") {
-          if (payload.reload || isExternalLocation(payload.location)) {
-            window.location.href = payload.location;
-            return () => {
-            };
-          }
-          return () => {
-            globalVar.__reactRouterDataRouter.navigate(payload.location, {
-              replace: payload.replace
-            });
-          };
-        }
-        if (payload.type !== "action") {
-          throw new Error("Unexpected payload type");
-        }
-        const rerender = await payload.rerender;
-        if (rerender && landedActionId < actionId && globalVar.__routerActionID <= actionId) {
-          if (rerender.type === "redirect") {
-            if (rerender.reload || isExternalLocation(rerender.location)) {
-              window.location.href = rerender.location;
+    React3.startTransition(
+      () => (
+        // @ts-expect-error - Needs React 19 types
+        Promise.resolve(payloadPromise).then(async (payload) => {
+          if (payload.type === "redirect") {
+            if (payload.reload || isExternalLocation(payload.location)) {
+              window.location.href = payload.location;
               return;
             }
-            return () => {
-              globalVar.__reactRouterDataRouter.navigate(rerender.location, {
-                replace: rerender.replace
+            React3.startTransition(() => {
+              globalVar.__reactRouterDataRouter.navigate(payload.location, {
+                replace: payload.replace
               });
-            };
+            });
+            return;
           }
-          return () => {
-            let lastMatch;
-            for (const match of rerender.matches) {
-              globalVar.__reactRouterDataRouter.patchRoutes(
-                _nullishCoalesce(_optionalChain([lastMatch, 'optionalAccess', _21 => _21.id]), () => ( null)),
-                [createRouteFromServerManifest(match)],
-                true
-              );
-              lastMatch = match;
+          if (payload.type !== "action") {
+            throw new Error("Unexpected payload type");
+          }
+          const rerender = await payload.rerender;
+          if (rerender && landedActionId < actionId && globalVar.__routerActionID <= actionId) {
+            if (rerender.type === "redirect") {
+              if (rerender.reload || isExternalLocation(rerender.location)) {
+                window.location.href = rerender.location;
+                return;
+              }
+              React3.startTransition(() => {
+                globalVar.__reactRouterDataRouter.navigate(rerender.location, {
+                  replace: rerender.replace
+                });
+              });
+              return;
             }
-            window.__reactRouterDataRouter._internalSetStateDoNotUseOrYouWillBreakYourApp(
-              {
-                loaderData: Object.assign(
-                  {},
-                  globalVar.__reactRouterDataRouter.state.loaderData,
-                  rerender.loaderData
-                ),
-                errors: rerender.errors ? Object.assign(
-                  {},
-                  globalVar.__reactRouterDataRouter.state.errors,
-                  rerender.errors
-                ) : null
+            React3.startTransition(() => {
+              let lastMatch;
+              for (const match of rerender.matches) {
+                globalVar.__reactRouterDataRouter.patchRoutes(
+                  _nullishCoalesce(_optionalChain([lastMatch, 'optionalAccess', _21 => _21.id]), () => ( null)),
+                  [createRouteFromServerManifest(match)],
+                  true
+                );
+                lastMatch = match;
               }
-            );
-          };
-        }
-        return () => {
-        };
-      }).catch(() => {
-      })
+              window.__reactRouterDataRouter._internalSetStateDoNotUseOrYouWillBreakYourApp(
+                {
+                  loaderData: Object.assign(
+                    {},
+                    globalVar.__reactRouterDataRouter.state.loaderData,
+                    rerender.loaderData
+                  ),
+                  errors: rerender.errors ? Object.assign(
+                    {},
+                    globalVar.__reactRouterDataRouter.state.errors,
+                    rerender.errors
+                  ) : null
+                }
+              );
+            });
+          }
+        }).catch(() => {
+        })
+      )
     );
     return payloadPromise.then((payload) => {
       if (payload.type !== "action" && payload.type !== "redirect") {
@@ -373,10 +376,10 @@ function createRouterFromPayload({
     };
   if (payload.type !== "render") throw new Error("Invalid payload type");
   globalVar.__reactRouterRouteModules = _nullishCoalesce(globalVar.__reactRouterRouteModules, () => ( {}));
-  _chunkPZWDWJAYjs.populateRSCRouteModules.call(void 0, globalVar.__reactRouterRouteModules, payload.matches);
+  _chunkRHWHYDYZjs.populateRSCRouteModules.call(void 0, globalVar.__reactRouterRouteModules, payload.matches);
   let patches = /* @__PURE__ */ new Map();
   _optionalChain([payload, 'access', _22 => _22.patches, 'optionalAccess', _23 => _23.forEach, 'call', _24 => _24((patch) => {
-    _chunkAMVS5XVJjs.invariant.call(void 0, patch.parentId, "Invalid patch parentId");
+    _chunkKQLPIZ7Ejs.invariant.call(void 0, patch.parentId, "Invalid patch parentId");
     if (!patches.has(patch.parentId)) {
       patches.set(patch.parentId, []);
     }
@@ -398,12 +401,12 @@ function createRouterFromPayload({
     }
     return [route];
   }, []);
-  globalVar.__reactRouterDataRouter = _chunkAMVS5XVJjs.createRouter.call(void 0, {
+  globalVar.__reactRouterDataRouter = _chunkKQLPIZ7Ejs.createRouter.call(void 0, {
     routes,
     getContext,
     basename: payload.basename,
-    history: _chunkAMVS5XVJjs.createBrowserHistory.call(void 0, ),
-    hydrationData: _chunkPZWDWJAYjs.getHydrationData.call(void 0, {
+    history: _chunkKQLPIZ7Ejs.createBrowserHistory.call(void 0, ),
+    hydrationData: _chunkRHWHYDYZjs.getHydrationData.call(void 0, {
       state: {
         loaderData: payload.loaderData,
         actionData: payload.actionData,
@@ -412,7 +415,7 @@ function createRouterFromPayload({
       routes,
       getRouteInfo: (routeId) => {
         let match = payload.matches.find((m) => m.id === routeId);
-        _chunkAMVS5XVJjs.invariant.call(void 0, match, "Route not found in payload");
+        _chunkKQLPIZ7Ejs.invariant.call(void 0, match, "Route not found in payload");
         return {
           clientLoader: match.clientLoader,
           hasLoader: match.hasLoader,
@@ -510,9 +513,9 @@ function createRouterFromPayload({
     routeModules: globalVar.__reactRouterRouteModules
   };
 }
-var renderedRoutesContext = _chunkAMVS5XVJjs.createContext.call(void 0, );
+var renderedRoutesContext = _chunkKQLPIZ7Ejs.createContext.call(void 0, );
 function getRSCSingleFetchDataStrategy(getRouter, ssr, basename, createFromReadableStream, fetchImplementation) {
-  let dataStrategy = _chunkAMVS5XVJjs.getSingleFetchDataStrategyImpl.call(void 0, 
+  let dataStrategy = _chunkKQLPIZ7Ejs.getSingleFetchDataStrategyImpl.call(void 0, 
     getRouter,
     (match) => {
       let M = match;
@@ -548,38 +551,40 @@ function getRSCSingleFetchDataStrategy(getRouter, ssr, basename, createFromReada
       }
       renderedRoutesById.get(route.id).push(route);
     }
-    for (const match of args.matches) {
-      const renderedRoutes = renderedRoutesById.get(match.route.id);
-      if (renderedRoutes) {
-        for (const rendered of renderedRoutes) {
-          window.__reactRouterDataRouter.patchRoutes(
-            _nullishCoalesce(rendered.parentId, () => ( null)),
-            [createRouteFromServerManifest(rendered)],
-            true
-          );
+    React3.startTransition(() => {
+      for (const match of args.matches) {
+        const renderedRoutes = renderedRoutesById.get(match.route.id);
+        if (renderedRoutes) {
+          for (const rendered of renderedRoutes) {
+            window.__reactRouterDataRouter.patchRoutes(
+              _nullishCoalesce(rendered.parentId, () => ( null)),
+              [createRouteFromServerManifest(rendered)],
+              true
+            );
+          }
         }
       }
-    }
+    });
     return results;
   });
 }
 function getFetchAndDecodeViaRSC(createFromReadableStream, fetchImplementation) {
   return async (args, basename, targetRoutes) => {
     let { request, context } = args;
-    let url = _chunkAMVS5XVJjs.singleFetchUrl.call(void 0, request.url, basename, "rsc");
+    let url = _chunkKQLPIZ7Ejs.singleFetchUrl.call(void 0, request.url, basename, "rsc");
     if (request.method === "GET") {
-      url = _chunkAMVS5XVJjs.stripIndexParam.call(void 0, url);
+      url = _chunkKQLPIZ7Ejs.stripIndexParam.call(void 0, url);
       if (targetRoutes) {
         url.searchParams.set("_routes", targetRoutes.join(","));
       }
     }
     let res = await fetchImplementation(
-      new Request(url, await _chunkAMVS5XVJjs.createRequestInit.call(void 0, request))
+      new Request(url, await _chunkKQLPIZ7Ejs.createRequestInit.call(void 0, request))
     );
     if (res.status >= 400 && !res.headers.has("X-Remix-Response")) {
-      throw new (0, _chunkAMVS5XVJjs.ErrorResponseImpl)(res.status, res.statusText, await res.text());
+      throw new (0, _chunkKQLPIZ7Ejs.ErrorResponseImpl)(res.status, res.statusText, await res.text());
     }
-    _chunkAMVS5XVJjs.invariant.call(void 0, res.body, "No response body to decode");
+    _chunkKQLPIZ7Ejs.invariant.call(void 0, res.body, "No response body to decode");
     try {
       const payload = await createFromReadableStream(res.body, {
         temporaryReferences: void 0
@@ -603,7 +608,7 @@ function getFetchAndDecodeViaRSC(createFromReadableStream, fetchImplementation)
       }
       context.get(renderedRoutesContext).push(...payload.matches);
       let results = { routes: {} };
-      const dataKey = _chunkAMVS5XVJjs.isMutationMethod.call(void 0, request.method) ? "actionData" : "loaderData";
+      const dataKey = _chunkKQLPIZ7Ejs.isMutationMethod.call(void 0, request.method) ? "actionData" : "loaderData";
       for (let [routeId, data] of Object.entries(payload[dataKey] || {})) {
         results.routes[routeId] = { data };
       }
@@ -636,7 +641,7 @@ function RSCHydratedRouter({
     [createFromReadableStream, payload, fetchImplementation, getContext]
   );
   React3.useEffect(() => {
-    _chunkAMVS5XVJjs.setIsHydrated.call(void 0, );
+    _chunkKQLPIZ7Ejs.setIsHydrated.call(void 0, );
   }, []);
   React3.useLayoutEffect(() => {
     const globalVar = window;
@@ -645,14 +650,29 @@ function RSCHydratedRouter({
       globalVar.__reactRouterDataRouter.initialize();
     }
   }, []);
-  let [location2, setLocation] = React3.useState(router2.state.location);
+  let [{ routes, state }, setState] = React3.useState(() => ({
+    routes: cloneRoutes(router2.routes),
+    state: router2.state
+  }));
   React3.useLayoutEffect(
     () => router2.subscribe((newState) => {
-      if (newState.location !== location2) {
-        setLocation(newState.location);
-      }
+      if (diffRoutes(router2.routes, routes))
+        React3.startTransition(() => {
+          setState({
+            routes: cloneRoutes(router2.routes),
+            state: newState
+          });
+        });
+    }),
+    [router2.subscribe, routes, router2]
+  );
+  const transitionEnabledRouter = React3.useMemo(
+    () => ({
+      ...router2,
+      state,
+      routes
     }),
-    [router2, location2]
+    [router2, routes, state]
   );
   React3.useEffect(() => {
     if (routeDiscovery === "lazy" || // @ts-expect-error - TS doesn't know about this yet
@@ -723,7 +743,14 @@ function RSCHydratedRouter({
     routeDiscovery: { mode: "lazy", manifestPath: "/__manifest" },
     routeModules
   };
-  return /* @__PURE__ */ React3.createElement(_chunkAMVS5XVJjs.RSCRouterContext.Provider, { value: true }, /* @__PURE__ */ React3.createElement(_chunkPZWDWJAYjs.RSCRouterGlobalErrorBoundary, { location: location2 }, /* @__PURE__ */ React3.createElement(_chunkAMVS5XVJjs.FrameworkContext.Provider, { value: frameworkContext }, /* @__PURE__ */ React3.createElement(_chunkAMVS5XVJjs.UNSTABLE_TransitionEnabledRouterProvider, { router: router2, flushSync: ReactDOM2.flushSync }))));
+  return /* @__PURE__ */ React3.createElement(_chunkKQLPIZ7Ejs.RSCRouterContext.Provider, { value: true }, /* @__PURE__ */ React3.createElement(_chunkRHWHYDYZjs.RSCRouterGlobalErrorBoundary, { location: state.location }, /* @__PURE__ */ React3.createElement(_chunkKQLPIZ7Ejs.FrameworkContext.Provider, { value: frameworkContext }, /* @__PURE__ */ React3.createElement(
+    _chunkKQLPIZ7Ejs.RouterProvider,
+    {
+      router: transitionEnabledRouter,
+      flushSync: ReactDOM2.flushSync,
+      unstable_useTransitions: true
+    }
+  ))));
 }
 function createRouteFromServerManifest(match, payload) {
   let hasInitialData = payload && match.id in payload.loaderData;
@@ -734,8 +761,8 @@ function createRouteFromServerManifest(match, payload) {
   // the server loader flow regardless of whether the client loader calls
   // `serverLoader` or not, otherwise we'll have nothing to render.
   match.hasComponent && !match.element;
-  _chunkAMVS5XVJjs.invariant.call(void 0, window.__reactRouterRouteModules);
-  _chunkPZWDWJAYjs.populateRSCRouteModules.call(void 0, window.__reactRouterRouteModules, match);
+  _chunkKQLPIZ7Ejs.invariant.call(void 0, window.__reactRouterRouteModules);
+  _chunkRHWHYDYZjs.populateRSCRouteModules.call(void 0, window.__reactRouterRouteModules, match);
   let dataRoute = {
     id: match.id,
     element: match.element,
@@ -785,7 +812,7 @@ function createRouteFromServerManifest(match, payload) {
         return await callSingleFetch(singleFetch);
       }
     }) : match.hasAction ? (_, singleFetch) => callSingleFetch(singleFetch) : () => {
-      throw _chunkAMVS5XVJjs.noActionDefinedError.call(void 0, "action", match.id);
+      throw _chunkKQLPIZ7Ejs.noActionDefinedError.call(void 0, "action", match.id);
     },
     path: match.path,
     shouldRevalidate: match.shouldRevalidate,
@@ -798,7 +825,7 @@ function createRouteFromServerManifest(match, payload) {
     hasShouldRevalidate: match.shouldRevalidate != null
   };
   if (typeof dataRoute.loader === "function") {
-    dataRoute.loader.hydrate = _chunkAMVS5XVJjs.shouldHydrateRouteLoader.call(void 0, 
+    dataRoute.loader.hydrate = _chunkKQLPIZ7Ejs.shouldHydrateRouteLoader.call(void 0, 
       match.id,
       match.clientLoader,
       match.hasLoader,
@@ -808,7 +835,7 @@ function createRouteFromServerManifest(match, payload) {
   return dataRoute;
 }
 function callSingleFetch(singleFetch) {
-  _chunkAMVS5XVJjs.invariant.call(void 0, typeof singleFetch === "function", "Invalid singleFetch parameter");
+  _chunkKQLPIZ7Ejs.invariant.call(void 0, typeof singleFetch === "function", "Invalid singleFetch parameter");
   return singleFetch();
 }
 function preventInvalidServerHandlerCall(type, routeId, hasHandler) {
@@ -816,7 +843,7 @@ function preventInvalidServerHandlerCall(type, routeId, hasHandler) {
     let fn = type === "action" ? "serverAction()" : "serverLoader()";
     let msg = `You are trying to call ${fn} on a route that does not have a server ${type} (routeId: "${routeId}")`;
     console.error(msg);
-    throw new (0, _chunkAMVS5XVJjs.ErrorResponseImpl)(400, "Bad Request", new Error(msg), true);
+    throw new (0, _chunkKQLPIZ7Ejs.ErrorResponseImpl)(400, "Bad Request", new Error(msg), true);
   }
 }
 var nextPaths = /* @__PURE__ */ new Set();
@@ -859,11 +886,13 @@ async function fetchAndApplyManifestPatches(paths, createFromReadableStream, fet
     throw new Error("Failed to patch routes");
   }
   paths.forEach((p) => addToFifoQueue(p, discoveredPaths));
-  payload.patches.forEach((p) => {
-    window.__reactRouterDataRouter.patchRoutes(
-      _nullishCoalesce(p.parentId, () => ( null)),
-      [createRouteFromServerManifest(p)]
-    );
+  React3.startTransition(() => {
+    payload.patches.forEach((p) => {
+      window.__reactRouterDataRouter.patchRoutes(
+        _nullishCoalesce(p.parentId, () => ( null)),
+        [createRouteFromServerManifest(p)]
+      );
+    });
   });
 }
 function addToFifoQueue(path, queue) {
@@ -884,6 +913,32 @@ function isExternalLocation(location2) {
   const newLocation = new URL(location2, window.location.href);
   return newLocation.origin !== window.location.origin;
 }
+function cloneRoutes(routes) {
+  if (!routes) return void 0;
+  return routes.map((route) => ({
+    ...route,
+    children: cloneRoutes(route.children)
+  }));
+}
+function diffRoutes(a, b) {
+  if (a.length !== b.length) return true;
+  return a.some((route, index) => {
+    if (route.element !== b[index].element) return true;
+    if (route.errorElement !== b[index].errorElement)
+      return true;
+    if (route.hydrateFallbackElement !== b[index].hydrateFallbackElement)
+      return true;
+    if (route.hasErrorBoundary !== b[index].hasErrorBoundary)
+      return true;
+    if (route.hasLoader !== b[index].hasLoader) return true;
+    if (route.hasClientLoader !== b[index].hasClientLoader)
+      return true;
+    if (route.hasAction !== b[index].hasAction) return true;
+    if (route.hasClientAction !== b[index].hasClientAction)
+      return true;
+    return diffRoutes(route.children || [], b[index].children || []);
+  });
+}
 
 // lib/rsc/html-stream/browser.ts
 function getRSCStream() {
@@ -925,4 +980,4 @@ function getRSCStream() {
 
 
 
-exports.HydratedRouter = HydratedRouter; exports.RouterProvider = RouterProvider; exports.unstable_RSCHydratedRouter = RSCHydratedRouter; exports.unstable_createCallServer = createCallServer; exports.unstable_getRSCStream = getRSCStream;
+exports.HydratedRouter = HydratedRouter; exports.RouterProvider = RouterProvider2; exports.unstable_RSCHydratedRouter = RSCHydratedRouter; exports.unstable_createCallServer = createCallServer; exports.unstable_getRSCStream = getRSCStream;