react-router 7.10.1 → 7.11.0

package/dist/development/{chunk-PMGK554W.mjs → chunk-YNUBSHFH.mjs}

@@ -1,5 +1,5 @@
 /**
- * react-router v7.10.1
+ * react-router v7.11.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -27,6 +27,8 @@ import {
   createServerRoutes,
   createStaticHandler,
   createStaticRouter,
+  decodeRedirectErrorDigest,
+  decodeRouteErrorResponseDigest,
   decodeViaTurboStream,
   encode,
   escapeHtml,
@@ -49,7 +51,7 @@ import {
   withComponentProps,
   withErrorBoundaryProps,
   withHydrateFallbackProps
-} from "./chunk-WWGJGFF6.mjs";
+} from "./chunk-JMJ3UQ3L.mjs";
 
 // lib/dom/ssr/server.tsx
 import * as React from "react";
@@ -1920,7 +1922,7 @@ function useSafe(promise) {
 }
 async function routeRSCServerRequest({
   request,
-  fetchServer,
+  serverResponse,
   createFromReadableStream,
   renderHTML,
   hydrate = true
@@ -1928,7 +1930,6 @@ async function routeRSCServerRequest({
   const url = new URL(request.url);
   const isDataRequest = isReactServerRequest(url);
   const respondWithRSCPayload = isDataRequest || isManifestRequest(url) || request.headers.has("rsc-action-id");
-  const serverResponse = await fetchServer(request);
   if (respondWithRSCPayload || serverResponse.headers.get("React-Router-Resource") === "true") {
     return serverResponse;
   }
@@ -1990,6 +1991,8 @@ async function routeRSCServerRequest({
       }
     });
   };
+  let renderRedirect;
+  let renderError;
   try {
     if (!detectRedirectResponse.body) {
       throw new Error("Failed to clone server response");
@@ -2010,73 +2013,179 @@ async function routeRSCServerRequest({
         statusText: serverResponse.statusText
       });
     }
-    const html = await renderHTML(getPayload);
-    const headers = new Headers(serverResponse.headers);
+    let reactHeaders = new Headers();
+    let status = serverResponse.status;
+    let statusText = serverResponse.statusText;
+    let html = await renderHTML(getPayload, {
+      onError(error) {
+        if (typeof error === "object" && error && "digest" in error && typeof error.digest === "string") {
+          renderRedirect = decodeRedirectErrorDigest(error.digest);
+          if (renderRedirect) {
+            return error.digest;
+          }
+          let routeErrorResponse = decodeRouteErrorResponseDigest(error.digest);
+          if (routeErrorResponse) {
+            renderError = routeErrorResponse;
+            status = routeErrorResponse.status;
+            statusText = routeErrorResponse.statusText;
+            return error.digest;
+          }
+        }
+      },
+      onHeaders(headers2) {
+        for (const [key, value] of headers2) {
+          reactHeaders.append(key, value);
+        }
+      }
+    });
+    const headers = new Headers(reactHeaders);
+    for (const [key, value] of serverResponse.headers) {
+      headers.append(key, value);
+    }
     headers.set("Content-Type", "text/html; charset=utf-8");
-    if (!hydrate) {
+    if (renderRedirect) {
+      headers.set("Location", renderRedirect.location);
       return new Response(html, {
-        status: serverResponse.status,
+        status: renderRedirect.status,
+        headers
+      });
+    }
+    const redirectTransform = new TransformStream({
+      flush(controller) {
+        if (renderRedirect) {
+          controller.enqueue(
+            new TextEncoder().encode(
+              `<meta http-equiv="refresh" content="0;url=${escapeHtml(renderRedirect.location)}"/>`
+            )
+          );
+        }
+      }
+    });
+    if (!hydrate) {
+      return new Response(html.pipeThrough(redirectTransform), {
+        status,
+        statusText,
         headers
       });
     }
     if (!serverResponseB?.body) {
       throw new Error("Failed to clone server response");
     }
-    const body2 = html.pipeThrough(injectRSCPayload(serverResponseB.body));
+    const body2 = html.pipeThrough(injectRSCPayload(serverResponseB.body)).pipeThrough(redirectTransform);
     return new Response(body2, {
-      status: serverResponse.status,
+      status,
+      statusText,
       headers
     });
   } catch (reason) {
     if (reason instanceof Response) {
       return reason;
     }
+    if (renderRedirect) {
+      return new Response(`Redirect: ${renderRedirect.location}`, {
+        status: renderRedirect.status,
+        headers: {
+          Location: renderRedirect.location
+        }
+      });
+    }
     try {
-      const status = isRouteErrorResponse(reason) ? reason.status : 500;
-      const html = await renderHTML(() => {
-        const decoded = Promise.resolve(
-          createFromReadableStream(createStream())
-        );
-        const payloadPromise = decoded.then(
-          (payload) => Object.assign(payload, {
-            status,
-            errors: deepestRenderedBoundaryId ? {
-              [deepestRenderedBoundaryId]: reason
-            } : {}
-          })
-        );
-        return Object.defineProperties(payloadPromise, {
-          _deepestRenderedBoundaryId: {
-            get() {
-              return deepestRenderedBoundaryId;
+      reason = renderError ?? reason;
+      let [status, statusText] = isRouteErrorResponse(reason) ? [reason.status, reason.statusText] : [500, ""];
+      let retryRedirect;
+      let reactHeaders = new Headers();
+      const html = await renderHTML(
+        () => {
+          const decoded = Promise.resolve(
+            createFromReadableStream(createStream())
+          );
+          const payloadPromise = decoded.then(
+            (payload) => Object.assign(payload, {
+              status,
+              errors: deepestRenderedBoundaryId ? {
+                [deepestRenderedBoundaryId]: reason
+              } : {}
+            })
+          );
+          return Object.defineProperties(payloadPromise, {
+            _deepestRenderedBoundaryId: {
+              get() {
+                return deepestRenderedBoundaryId;
+              },
+              set(boundaryId) {
+                deepestRenderedBoundaryId = boundaryId;
+              }
             },
-            set(boundaryId) {
-              deepestRenderedBoundaryId = boundaryId;
+            formState: {
+              get() {
+                return payloadPromise.then(
+                  (payload) => payload.type === "render" ? payload.formState : void 0
+                );
+              }
             }
-          },
-          formState: {
-            get() {
-              return payloadPromise.then(
-                (payload) => payload.type === "render" ? payload.formState : void 0
+          });
+        },
+        {
+          onError(error) {
+            if (typeof error === "object" && error && "digest" in error && typeof error.digest === "string") {
+              retryRedirect = decodeRedirectErrorDigest(error.digest);
+              if (retryRedirect) {
+                return error.digest;
+              }
+              let routeErrorResponse = decodeRouteErrorResponseDigest(
+                error.digest
               );
+              if (routeErrorResponse) {
+                status = routeErrorResponse.status;
+                statusText = routeErrorResponse.statusText;
+                return error.digest;
+              }
+            }
+          },
+          onHeaders(headers2) {
+            for (const [key, value] of headers2) {
+              reactHeaders.append(key, value);
             }
           }
+        }
+      );
+      const headers = new Headers(reactHeaders);
+      for (const [key, value] of serverResponse.headers) {
+        headers.append(key, value);
+      }
+      headers.set("Content-Type", "text/html; charset=utf-8");
+      if (retryRedirect) {
+        headers.set("Location", retryRedirect.location);
+        return new Response(html, {
+          status: retryRedirect.status,
+          headers
         });
+      }
+      const retryRedirectTransform = new TransformStream({
+        flush(controller) {
+          if (retryRedirect) {
+            controller.enqueue(
+              new TextEncoder().encode(
+                `<meta http-equiv="refresh" content="0;url=${escapeHtml(retryRedirect.location)}"/>`
+              )
+            );
+          }
+        }
       });
-      const headers = new Headers(serverResponse.headers);
-      headers.set("Content-Type", "text/html");
       if (!hydrate) {
-        return new Response(html, {
+        return new Response(html.pipeThrough(retryRedirectTransform), {
           status,
+          statusText,
           headers
         });
       }
       if (!serverResponseB?.body) {
         throw new Error("Failed to clone server response");
       }
-      const body2 = html.pipeThrough(injectRSCPayload(serverResponseB.body));
+      const body2 = html.pipeThrough(injectRSCPayload(serverResponseB.body)).pipeThrough(retryRedirectTransform);
       return new Response(body2, {
         status,
+        statusText,
         headers
       });
     } catch {

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-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';
+import { f as RouterProviderProps$1, e as RouterInit, u as unstable_ClientInstrumentation, g as ClientOnErrorFunction } from './router-5fbeEIMQ.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-Cv4JZyZ5.mjs';
 
 type RouterProviderProps = Omit<RouterProviderProps$1, "flushSync">;
 declare function RouterProvider(props: Omit<RouterProviderProps, "flushSync">): React.JSX.Element;
@@ -71,9 +71,9 @@ interface HydratedRouterProps {
      */
     unstable_instrumentations?: unstable_ClientInstrumentation[];
     /**
-     * An error handler function that will be called for any loader/action/render
-     * errors that are encountered in your application.  This is useful for
-     * logging or reporting errors instead of the `ErrorBoundary` because it's not
+     * An error handler function that will be called for any middleware, loader, action,
+     * or render errors that are encountered in your application.  This is useful for
+     * logging or reporting errors instead of in the {@link ErrorBoundary} because it's not
      * subject to re-rendering and will only run one time per error.
      *
      * The `errorInfo` parameter is passed along from
@@ -81,13 +81,14 @@ interface HydratedRouterProps {
      * and is only present for render errors.
      *
      * ```tsx
-     * <HydratedRouter unstable_onError={(error, errorInfo) => {
-     *   console.error(error, errorInfo);
-     *   reportToErrorService(error, errorInfo);
+     * <HydratedRouter onError=(error, info) => {
+     *   let { location, params, unstable_pattern, errorInfo } = info;
+     *   console.error(error, location, errorInfo);
+     *   reportToErrorService(error, location, errorInfo);
      * }} />
      * ```
      */
-    unstable_onError?: unstable_ClientOnErrorFunction;
+    onError?: ClientOnErrorFunction;
     /**
      * Control whether router state updates are internally wrapped in
      * [`React.startTransition`](https://react.dev/reference/react/startTransition).
@@ -117,7 +118,7 @@ interface HydratedRouterProps {
  * @mode framework
  * @param props Props
  * @param {dom.HydratedRouterProps.getContext} props.getContext n/a
- * @param {dom.HydratedRouterProps.unstable_onError} props.unstable_onError n/a
+ * @param {dom.HydratedRouterProps.onError} props.onError n/a
  * @returns A React element that represents the hydrated application.
  */
 declare function HydratedRouter(props: HydratedRouterProps): React.JSX.Element;

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-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';
+import { RouterProviderProps as RouterProviderProps$1, RouterInit, ClientOnErrorFunction } from 'react-router';
+import { u as unstable_ClientInstrumentation } from './instrumentation-BlrVzjbg.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-o-qhcuhA.js';
 
 type RouterProviderProps = Omit<RouterProviderProps$1, "flushSync">;
 declare function RouterProvider(props: Omit<RouterProviderProps, "flushSync">): React.JSX.Element;
@@ -72,9 +72,9 @@ interface HydratedRouterProps {
      */
     unstable_instrumentations?: unstable_ClientInstrumentation[];
     /**
-     * An error handler function that will be called for any loader/action/render
-     * errors that are encountered in your application.  This is useful for
-     * logging or reporting errors instead of the `ErrorBoundary` because it's not
+     * An error handler function that will be called for any middleware, loader, action,
+     * or render errors that are encountered in your application.  This is useful for
+     * logging or reporting errors instead of in the {@link ErrorBoundary} because it's not
      * subject to re-rendering and will only run one time per error.
      *
      * The `errorInfo` parameter is passed along from
@@ -82,13 +82,14 @@ interface HydratedRouterProps {
      * and is only present for render errors.
      *
      * ```tsx
-     * <HydratedRouter unstable_onError={(error, errorInfo) => {
-     *   console.error(error, errorInfo);
-     *   reportToErrorService(error, errorInfo);
+     * <HydratedRouter onError=(error, info) => {
+     *   let { location, params, unstable_pattern, errorInfo } = info;
+     *   console.error(error, location, errorInfo);
+     *   reportToErrorService(error, location, errorInfo);
      * }} />
      * ```
      */
-    unstable_onError?: unstable_ClientOnErrorFunction;
+    onError?: ClientOnErrorFunction;
     /**
      * Control whether router state updates are internally wrapped in
      * [`React.startTransition`](https://react.dev/reference/react/startTransition).
@@ -118,7 +119,7 @@ interface HydratedRouterProps {
  * @mode framework
  * @param props Props
  * @param {dom.HydratedRouterProps.getContext} props.getContext n/a
- * @param {dom.HydratedRouterProps.unstable_onError} props.unstable_onError n/a
+ * @param {dom.HydratedRouterProps.onError} props.onError n/a
  * @returns A React element that represents the hydrated application.
  */
 declare function HydratedRouter(props: HydratedRouterProps): React.JSX.Element;

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.10.1
+ * react-router v7.11.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -13,7 +13,7 @@
 
 
 
-var _chunkFKYGG5Z2js = require('./chunk-FKYGG5Z2.js');
+var _chunkGNDLROV6js = require('./chunk-GNDLROV6.js');
 
 
 
@@ -32,7 +32,7 @@ var _chunkFKYGG5Z2js = require('./chunk-FKYGG5Z2.js');
 
 
 
-var _chunkRBZI3ZHDjs = require('./chunk-RBZI3ZHD.js');
+var _chunkSZQUWNVJjs = require('./chunk-SZQUWNVJ.js');
 
 // lib/dom-export/dom-router-provider.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react);
@@ -204,7 +204,7 @@ function HydratedRouter(props) {
   }, []);
   React2.useEffect(() => {
     if (process.env.NODE_ENV === "development" && criticalCss === void 0) {
-      document.querySelectorAll(`[${_chunkRBZI3ZHDjs.CRITICAL_CSS_DATA_ATTRIBUTE}]`).forEach((element) => element.remove());
+      document.querySelectorAll(`[${_chunkSZQUWNVJjs.CRITICAL_CSS_DATA_ATTRIBUTE}]`).forEach((element) => element.remove());
     }
   }, [criticalCss]);
   let [location2, setLocation] = React2.useState(router.state.location);
@@ -253,7 +253,7 @@ function HydratedRouter(props) {
         {
           router,
           unstable_useTransitions: props.unstable_useTransitions,
-          unstable_onError: props.unstable_onError
+          onError: props.onError
         }
       ))
     ), /* @__PURE__ */ React2.createElement(React2.Fragment, null))
@@ -376,10 +376,10 @@ function createRouterFromPayload({
     };
   if (payload.type !== "render") throw new Error("Invalid payload type");
   globalVar.__reactRouterRouteModules = _nullishCoalesce(globalVar.__reactRouterRouteModules, () => ( {}));
-  _chunkFKYGG5Z2js.populateRSCRouteModules.call(void 0, globalVar.__reactRouterRouteModules, payload.matches);
+  _chunkGNDLROV6js.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) => {
-    _chunkRBZI3ZHDjs.invariant.call(void 0, patch.parentId, "Invalid patch parentId");
+    _chunkSZQUWNVJjs.invariant.call(void 0, patch.parentId, "Invalid patch parentId");
     if (!patches.has(patch.parentId)) {
       patches.set(patch.parentId, []);
     }
@@ -401,12 +401,12 @@ function createRouterFromPayload({
     }
     return [route];
   }, []);
-  globalVar.__reactRouterDataRouter = _chunkRBZI3ZHDjs.createRouter.call(void 0, {
+  globalVar.__reactRouterDataRouter = _chunkSZQUWNVJjs.createRouter.call(void 0, {
     routes,
     getContext,
     basename: payload.basename,
-    history: _chunkRBZI3ZHDjs.createBrowserHistory.call(void 0, ),
-    hydrationData: _chunkFKYGG5Z2js.getHydrationData.call(void 0, {
+    history: _chunkSZQUWNVJjs.createBrowserHistory.call(void 0, ),
+    hydrationData: _chunkGNDLROV6js.getHydrationData.call(void 0, {
       state: {
         loaderData: payload.loaderData,
         actionData: payload.actionData,
@@ -415,7 +415,7 @@ function createRouterFromPayload({
       routes,
       getRouteInfo: (routeId) => {
         let match = payload.matches.find((m) => m.id === routeId);
-        _chunkRBZI3ZHDjs.invariant.call(void 0, match, "Route not found in payload");
+        _chunkSZQUWNVJjs.invariant.call(void 0, match, "Route not found in payload");
         return {
           clientLoader: match.clientLoader,
           hasLoader: match.hasLoader,
@@ -513,9 +513,9 @@ function createRouterFromPayload({
     routeModules: globalVar.__reactRouterRouteModules
   };
 }
-var renderedRoutesContext = _chunkRBZI3ZHDjs.createContext.call(void 0, );
+var renderedRoutesContext = _chunkSZQUWNVJjs.createContext.call(void 0, );
 function getRSCSingleFetchDataStrategy(getRouter, ssr, basename, createFromReadableStream, fetchImplementation) {
-  let dataStrategy = _chunkRBZI3ZHDjs.getSingleFetchDataStrategyImpl.call(void 0, 
+  let dataStrategy = _chunkSZQUWNVJjs.getSingleFetchDataStrategyImpl.call(void 0, 
     getRouter,
     (match) => {
       let M = match;
@@ -571,20 +571,20 @@ function getRSCSingleFetchDataStrategy(getRouter, ssr, basename, createFromReada
 function getFetchAndDecodeViaRSC(createFromReadableStream, fetchImplementation) {
   return async (args, basename, targetRoutes) => {
     let { request, context } = args;
-    let url = _chunkRBZI3ZHDjs.singleFetchUrl.call(void 0, request.url, basename, "rsc");
+    let url = _chunkSZQUWNVJjs.singleFetchUrl.call(void 0, request.url, basename, "rsc");
     if (request.method === "GET") {
-      url = _chunkRBZI3ZHDjs.stripIndexParam.call(void 0, url);
+      url = _chunkSZQUWNVJjs.stripIndexParam.call(void 0, url);
       if (targetRoutes) {
         url.searchParams.set("_routes", targetRoutes.join(","));
       }
     }
     let res = await fetchImplementation(
-      new Request(url, await _chunkRBZI3ZHDjs.createRequestInit.call(void 0, request))
+      new Request(url, await _chunkSZQUWNVJjs.createRequestInit.call(void 0, request))
     );
     if (res.status >= 400 && !res.headers.has("X-Remix-Response")) {
-      throw new (0, _chunkRBZI3ZHDjs.ErrorResponseImpl)(res.status, res.statusText, await res.text());
+      throw new (0, _chunkSZQUWNVJjs.ErrorResponseImpl)(res.status, res.statusText, await res.text());
     }
-    _chunkRBZI3ZHDjs.invariant.call(void 0, res.body, "No response body to decode");
+    _chunkSZQUWNVJjs.invariant.call(void 0, res.body, "No response body to decode");
     try {
       const payload = await createFromReadableStream(res.body, {
         temporaryReferences: void 0
@@ -608,7 +608,7 @@ function getFetchAndDecodeViaRSC(createFromReadableStream, fetchImplementation)
       }
       context.get(renderedRoutesContext).push(...payload.matches);
       let results = { routes: {} };
-      const dataKey = _chunkRBZI3ZHDjs.isMutationMethod.call(void 0, request.method) ? "actionData" : "loaderData";
+      const dataKey = _chunkSZQUWNVJjs.isMutationMethod.call(void 0, request.method) ? "actionData" : "loaderData";
       for (let [routeId, data] of Object.entries(payload[dataKey] || {})) {
         results.routes[routeId] = { data };
       }
@@ -641,7 +641,7 @@ function RSCHydratedRouter({
     [createFromReadableStream, payload, fetchImplementation, getContext]
   );
   React3.useEffect(() => {
-    _chunkRBZI3ZHDjs.setIsHydrated.call(void 0, );
+    _chunkSZQUWNVJjs.setIsHydrated.call(void 0, );
   }, []);
   React3.useLayoutEffect(() => {
     const globalVar = window;
@@ -743,12 +743,11 @@ function RSCHydratedRouter({
     routeDiscovery: { mode: "lazy", manifestPath: "/__manifest" },
     routeModules
   };
-  return /* @__PURE__ */ React3.createElement(_chunkRBZI3ZHDjs.RSCRouterContext.Provider, { value: true }, /* @__PURE__ */ React3.createElement(_chunkFKYGG5Z2js.RSCRouterGlobalErrorBoundary, { location: state.location }, /* @__PURE__ */ React3.createElement(_chunkRBZI3ZHDjs.FrameworkContext.Provider, { value: frameworkContext }, /* @__PURE__ */ React3.createElement(
-    _chunkRBZI3ZHDjs.RouterProvider,
+  return /* @__PURE__ */ React3.createElement(_chunkSZQUWNVJjs.RSCRouterContext.Provider, { value: true }, /* @__PURE__ */ React3.createElement(_chunkGNDLROV6js.RSCRouterGlobalErrorBoundary, { location: state.location }, /* @__PURE__ */ React3.createElement(_chunkSZQUWNVJjs.FrameworkContext.Provider, { value: frameworkContext }, /* @__PURE__ */ React3.createElement(
+    _chunkSZQUWNVJjs.RouterProvider,
     {
       router: transitionEnabledRouter,
-      flushSync: ReactDOM2.flushSync,
-      unstable_useTransitions: true
+      flushSync: ReactDOM2.flushSync
     }
   ))));
 }
@@ -761,8 +760,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;
-  _chunkRBZI3ZHDjs.invariant.call(void 0, window.__reactRouterRouteModules);
-  _chunkFKYGG5Z2js.populateRSCRouteModules.call(void 0, window.__reactRouterRouteModules, match);
+  _chunkSZQUWNVJjs.invariant.call(void 0, window.__reactRouterRouteModules);
+  _chunkGNDLROV6js.populateRSCRouteModules.call(void 0, window.__reactRouterRouteModules, match);
   let dataRoute = {
     id: match.id,
     element: match.element,
@@ -812,7 +811,7 @@ function createRouteFromServerManifest(match, payload) {
         return await callSingleFetch(singleFetch);
       }
     }) : match.hasAction ? (_, singleFetch) => callSingleFetch(singleFetch) : () => {
-      throw _chunkRBZI3ZHDjs.noActionDefinedError.call(void 0, "action", match.id);
+      throw _chunkSZQUWNVJjs.noActionDefinedError.call(void 0, "action", match.id);
     },
     path: match.path,
     shouldRevalidate: match.shouldRevalidate,
@@ -825,7 +824,7 @@ function createRouteFromServerManifest(match, payload) {
     hasShouldRevalidate: match.shouldRevalidate != null
   };
   if (typeof dataRoute.loader === "function") {
-    dataRoute.loader.hydrate = _chunkRBZI3ZHDjs.shouldHydrateRouteLoader.call(void 0, 
+    dataRoute.loader.hydrate = _chunkSZQUWNVJjs.shouldHydrateRouteLoader.call(void 0, 
       match.id,
       match.clientLoader,
       match.hasLoader,
@@ -835,7 +834,7 @@ function createRouteFromServerManifest(match, payload) {
   return dataRoute;
 }
 function callSingleFetch(singleFetch) {
-  _chunkRBZI3ZHDjs.invariant.call(void 0, typeof singleFetch === "function", "Invalid singleFetch parameter");
+  _chunkSZQUWNVJjs.invariant.call(void 0, typeof singleFetch === "function", "Invalid singleFetch parameter");
   return singleFetch();
 }
 function preventInvalidServerHandlerCall(type, routeId, hasHandler) {
@@ -843,7 +842,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, _chunkRBZI3ZHDjs.ErrorResponseImpl)(400, "Bad Request", new Error(msg), true);
+    throw new (0, _chunkSZQUWNVJjs.ErrorResponseImpl)(400, "Bad Request", new Error(msg), true);
   }
 }
 var nextPaths = /* @__PURE__ */ new Set();
@@ -898,7 +897,7 @@ async function fetchAndApplyManifestPatches(paths, createFromReadableStream, fet
 function addToFifoQueue(path, queue) {
   if (queue.size >= discoveredPathsMaxSize) {
     let first = queue.values().next().value;
-    queue.delete(first);
+    if (typeof first === "string") queue.delete(first);
   }
   queue.add(path);
 }

package/dist/development/dom-export.mjs

@@ -1,5 +1,5 @@
 /**
- * react-router v7.10.1
+ * react-router v7.11.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -14,7 +14,7 @@ import {
   deserializeErrors,
   getHydrationData,
   populateRSCRouteModules
-} from "./chunk-PMGK554W.mjs";
+} from "./chunk-YNUBSHFH.mjs";
 import {
   CRITICAL_CSS_DATA_ATTRIBUTE,
   ErrorResponseImpl,
@@ -42,7 +42,7 @@ import {
   singleFetchUrl,
   stripIndexParam,
   useFogOFWarDiscovery
-} from "./chunk-WWGJGFF6.mjs";
+} from "./chunk-JMJ3UQ3L.mjs";
 
 // lib/dom-export/dom-router-provider.tsx
 import * as React from "react";
@@ -245,7 +245,7 @@ function HydratedRouter(props) {
         {
           router,
           unstable_useTransitions: props.unstable_useTransitions,
-          unstable_onError: props.unstable_onError
+          onError: props.onError
         }
       ))
     ), /* @__PURE__ */ React2.createElement(React2.Fragment, null))
@@ -739,8 +739,7 @@ function RSCHydratedRouter({
     RouterProvider,
     {
       router: transitionEnabledRouter,
-      flushSync: ReactDOM2.flushSync,
-      unstable_useTransitions: true
+      flushSync: ReactDOM2.flushSync
     }
   ))));
 }
@@ -890,7 +889,7 @@ async function fetchAndApplyManifestPatches(paths, createFromReadableStream, fet
 function addToFifoQueue(path, queue) {
   if (queue.size >= discoveredPathsMaxSize) {
     let first = queue.values().next().value;
-    queue.delete(first);
+    if (typeof first === "string") queue.delete(first);
   }
   queue.add(path);
 }