react-router 7.9.6 → 7.10.0-pre.0

package/dist/production/dom-export.mjs

@@ -1,5 +1,5 @@
 /**
- * react-router v7.9.6
+ * react-router v7.10.0-pre.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -14,7 +14,7 @@ import {
   deserializeErrors,
   getHydrationData,
   populateRSCRouteModules
-} from "./chunk-FDUMZGKM.mjs";
+} from "./chunk-QKAGOFED.mjs";
 import {
   CRITICAL_CSS_DATA_ATTRIBUTE,
   ErrorResponseImpl,
@@ -22,7 +22,6 @@ import {
   RSCRouterContext,
   RemixErrorBoundary,
   RouterProvider,
-  UNSTABLE_TransitionEnabledRouterProvider,
   createBrowserHistory,
   createClientRoutes,
   createClientRoutesWithHMRRevalidationOptOut,
@@ -43,7 +42,7 @@ import {
   singleFetchUrl,
   stripIndexParam,
   useFogOFWarDiscovery
-} from "./chunk-FUSXQSWG.mjs";
+} from "./chunk-KJ5676BZ.mjs";
 
 // lib/dom-export/dom-router-provider.tsx
 import * as React from "react";
@@ -245,6 +244,7 @@ function HydratedRouter(props) {
         RouterProvider2,
         {
           router,
+          unstable_useTransitions: props.unstable_useTransitions,
           unstable_onError: props.unstable_onError
         }
       ))
@@ -283,66 +283,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(
-                lastMatch?.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(
+                  lastMatch?.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") {
@@ -541,18 +543,20 @@ 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(
-            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(
+              rendered.parentId ?? null,
+              [createRouteFromServerManifest(rendered)],
+              true
+            );
+          }
         }
       }
-    }
+    });
     return results;
   });
 }
@@ -638,14 +642,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
@@ -716,7 +735,14 @@ function RSCHydratedRouter({
     routeDiscovery: { mode: "lazy", manifestPath: "/__manifest" },
     routeModules
   };
-  return /* @__PURE__ */ React3.createElement(RSCRouterContext.Provider, { value: true }, /* @__PURE__ */ React3.createElement(RSCRouterGlobalErrorBoundary, { location: location2 }, /* @__PURE__ */ React3.createElement(FrameworkContext.Provider, { value: frameworkContext }, /* @__PURE__ */ React3.createElement(UNSTABLE_TransitionEnabledRouterProvider, { router: router2, flushSync: ReactDOM2.flushSync }))));
+  return /* @__PURE__ */ React3.createElement(RSCRouterContext.Provider, { value: true }, /* @__PURE__ */ React3.createElement(RSCRouterGlobalErrorBoundary, { location: state.location }, /* @__PURE__ */ React3.createElement(FrameworkContext.Provider, { value: frameworkContext }, /* @__PURE__ */ React3.createElement(
+    RouterProvider,
+    {
+      router: transitionEnabledRouter,
+      flushSync: ReactDOM2.flushSync,
+      unstable_useTransitions: true
+    }
+  ))));
 }
 function createRouteFromServerManifest(match, payload) {
   let hasInitialData = payload && match.id in payload.loaderData;
@@ -852,11 +878,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(
-      p.parentId ?? null,
-      [createRouteFromServerManifest(p)]
-    );
+  React3.startTransition(() => {
+    payload.patches.forEach((p) => {
+      window.__reactRouterDataRouter.patchRoutes(
+        p.parentId ?? null,
+        [createRouteFromServerManifest(p)]
+      );
+    });
   });
 }
 function addToFifoQueue(path, queue) {
@@ -877,6 +905,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() {

package/dist/production/{index-react-server-client-Da3kmxNd.d.ts → index-react-server-client-CNrKUHDv.d.ts}

@@ -1,4 +1,4 @@
-import { bE as RouteManifest, o as RouteModules, Q as HydrationState, a1 as DataRouteObject, a as ClientLoaderFunction, a5 as StaticHandlerContext, bF as ServerRouteModule, q as MiddlewareEnabled, c as RouterContextProvider, r as AppLoadContext, al as LoaderFunctionArgs, ac as ActionFunctionArgs, au as unstable_ServerInstrumentation, aj as HTMLFormMethod, ah as FormEncType, w as RelativeRoutingType, bh as PageLinkDescriptor, T as To, bG as History, a4 as GetScrollRestorationKeyFunction, e as RouterInit, bH as FutureConfig$1, u as unstable_ClientInstrumentation, p as DataStrategyFunction, a0 as PatchRoutesOnNavigationFunction, s as NavigateOptions, a6 as Fetcher, K as RouteObject, n as Router, v as SerializeFrom, B as BlockerFunction, L as Location, bI as CreateStaticHandlerOptions$1, a2 as StaticHandler } from './instrumentation-Unc20tLk.js';
+import { bE as RouteManifest, o as RouteModules, Q as HydrationState, a1 as DataRouteObject, a as ClientLoaderFunction, a5 as StaticHandlerContext, bF as ServerRouteModule, q as MiddlewareEnabled, c as RouterContextProvider, r as AppLoadContext, al as LoaderFunctionArgs, ac as ActionFunctionArgs, au as unstable_ServerInstrumentation, aj as HTMLFormMethod, ah as FormEncType, w as RelativeRoutingType, bh as PageLinkDescriptor, T as To, bG as History, a4 as GetScrollRestorationKeyFunction, e as RouterInit, bH as FutureConfig$1, u as unstable_ClientInstrumentation, p as DataStrategyFunction, a0 as PatchRoutesOnNavigationFunction, s as NavigateOptions, a6 as Fetcher, K as RouteObject, n as Router, v as SerializeFrom, B as BlockerFunction, L as Location, bI as CreateStaticHandlerOptions$1, a2 as StaticHandler } from './instrumentation-Dwf-sTWa.js';
 import * as React from 'react';
 
 interface Route {
@@ -1122,6 +1122,21 @@ interface BrowserRouterProps {
      * {@link Route | `<Route>`} components describing your route configuration
      */
     children?: React.ReactNode;
+    /**
+     * Control whether router state updates are internally wrapped in
+     * [`React.startTransition`](https://react.dev/reference/react/startTransition).
+     *
+     * - When left `undefined`, all router state updates are wrapped in
+     *   `React.startTransition`
+     * - When set to `true`, {@link Link} and {@link Form} navigations will be wrapped
+     *   in `React.startTransition` and all router state updates are wrapped in
+     *   `React.startTransition`
+     * - When set to `false`, the router will not leverage `React.startTransition`
+     *   on any navigations or state changes.
+     *
+     * For more information, please see the [docs](https://reactrouter.com/explanation/react-transitions).
+     */
+    unstable_useTransitions?: boolean;
     /**
      * [`Window`](https://developer.mozilla.org/en-US/docs/Web/API/Window) object
      * override. Defaults to the global `window` instance
@@ -1138,11 +1153,12 @@ interface BrowserRouterProps {
  * @param props Props
  * @param {BrowserRouterProps.basename} props.basename n/a
  * @param {BrowserRouterProps.children} props.children n/a
+ * @param {BrowserRouterProps.unstable_useTransitions} props.unstable_useTransitions n/a
  * @param {BrowserRouterProps.window} props.window n/a
  * @returns A declarative {@link Router | `<Router>`} using the browser [`History`](https://developer.mozilla.org/en-US/docs/Web/API/History)
  * API for client-side routing.
  */
-declare function BrowserRouter({ basename, children, window, }: BrowserRouterProps): React.JSX.Element;
+declare function BrowserRouter({ basename, children, unstable_useTransitions, window, }: BrowserRouterProps): React.JSX.Element;
 /**
  * @category Types
  */
@@ -1155,6 +1171,21 @@ interface HashRouterProps {
      * {@link Route | `<Route>`} components describing your route configuration
      */
     children?: React.ReactNode;
+    /**
+     * Control whether router state updates are internally wrapped in
+     * [`React.startTransition`](https://react.dev/reference/react/startTransition).
+     *
+     * - When left `undefined`, all router state updates are wrapped in
+     *   `React.startTransition`
+     * - When set to `true`, {@link Link} and {@link Form} navigations will be wrapped
+     *   in `React.startTransition` and all router state updates are wrapped in
+     *   `React.startTransition`
+     * - When set to `false`, the router will not leverage `React.startTransition`
+     *   on any navigations or state changes.
+     *
+     * For more information, please see the [docs](https://reactrouter.com/explanation/react-transitions).
+     */
+    unstable_useTransitions?: boolean;
     /**
      * [`Window`](https://developer.mozilla.org/en-US/docs/Web/API/Window) object
      * override. Defaults to the global `window` instance
@@ -1172,11 +1203,12 @@ interface HashRouterProps {
  * @param props Props
  * @param {HashRouterProps.basename} props.basename n/a
  * @param {HashRouterProps.children} props.children n/a
+ * @param {HashRouterProps.unstable_useTransitions} props.unstable_useTransitions n/a
  * @param {HashRouterProps.window} props.window n/a
  * @returns A declarative {@link Router | `<Router>`} using the URL [`hash`](https://developer.mozilla.org/en-US/docs/Web/API/URL/hash)
  * for client-side routing.
  */
-declare function HashRouter({ basename, children, window }: HashRouterProps): React.JSX.Element;
+declare function HashRouter({ basename, children, unstable_useTransitions, window, }: HashRouterProps): React.JSX.Element;
 /**
  * @category Types
  */
@@ -1193,6 +1225,21 @@ interface HistoryRouterProps {
      *  A {@link History} implementation for use by the router
      */
     history: History;
+    /**
+     * Control whether router state updates are internally wrapped in
+     * [`React.startTransition`](https://react.dev/reference/react/startTransition).
+     *
+     * - When left `undefined`, all router state updates are wrapped in
+     *   `React.startTransition`
+     * - When set to `true`, {@link Link} and {@link Form} navigations will be wrapped
+     *   in `React.startTransition` and all router state updates are wrapped in
+     *   `React.startTransition`
+     * - When set to `false`, the router will not leverage `React.startTransition`
+     *   on any navigations or state changes.
+     *
+     * For more information, please see the [docs](https://reactrouter.com/explanation/react-transitions).
+     */
+    unstable_useTransitions?: boolean;
 }
 /**
  * A declarative {@link Router | `<Router>`} that accepts a pre-instantiated
@@ -1209,10 +1256,11 @@ interface HistoryRouterProps {
  * @param {HistoryRouterProps.basename} props.basename n/a
  * @param {HistoryRouterProps.children} props.children n/a
  * @param {HistoryRouterProps.history} props.history n/a
+ * @param {HistoryRouterProps.unstable_useTransitions} props.unstable_useTransitions n/a
  * @returns A declarative {@link Router | `<Router>`} using the provided history
  * implementation for client-side routing.
  */
-declare function HistoryRouter({ basename, children, history, }: HistoryRouterProps): React.JSX.Element;
+declare function HistoryRouter({ basename, children, history, unstable_useTransitions, }: HistoryRouterProps): React.JSX.Element;
 declare namespace HistoryRouter {
     var displayName: string;
 }
@@ -1830,15 +1878,19 @@ declare namespace ScrollRestoration {
  * @param options.viewTransition Enables a [View Transition](https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API)
  * for this navigation. To apply specific styles during the transition, see
  * {@link useViewTransitionState}. Defaults to `false`.
+ * @param options.unstable_useTransitions Wraps the navigation in
+ * [`React.startTransition`](https://react.dev/reference/react/startTransition)
+ * for concurrent rendering. Defaults to `false`.
  * @returns A click handler function that can be used in a custom {@link Link} component.
  */
-declare function useLinkClickHandler<E extends Element = HTMLAnchorElement>(to: To, { target, replace: replaceProp, state, preventScrollReset, relative, viewTransition, }?: {
+declare function useLinkClickHandler<E extends Element = HTMLAnchorElement>(to: To, { target, replace: replaceProp, state, preventScrollReset, relative, viewTransition, unstable_useTransitions, }?: {
     target?: React.HTMLAttributeAnchorTarget;
     replace?: boolean;
     state?: any;
     preventScrollReset?: boolean;
     relative?: RelativeRoutingType;
     viewTransition?: boolean;
+    unstable_useTransitions?: boolean;
 }): (event: React.MouseEvent<E, MouseEvent>) => void;
 /**
  * Returns a tuple of the current URL's [`URLSearchParams`](https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams)
@@ -2167,7 +2219,7 @@ type FetcherWithComponents<TData> = Fetcher<TData> & {
      * @param reason Optional `reason` to provide to [`AbortController.abort()`](https://developer.mozilla.org/en-US/docs/Web/API/AbortController/abort)
      * @returns void
      */
-    unstable_reset: (opts?: {
+    reset: (opts?: {
         reason?: unknown;
     }) => void;
     /**
@@ -2256,7 +2308,7 @@ type FetcherWithComponents<TData> = Fetcher<TData> & {
  *   })
  *
  *   // reset fetcher
- *   fetcher.unstable_reset()
+ *   fetcher.reset()
  * }
  *
  * @public

package/dist/{development/index-react-server-client-rcoGPJhU.d.mts → production/index-react-server-client-DYtvZPLT.d.mts}

@@ -1,4 +1,4 @@
-import { bE as RouteManifest, q as RouteModules, W as HydrationState, a3 as DataRouteObject, a as ClientLoaderFunction, a7 as StaticHandlerContext, bF as ServerRouteModule, s as MiddlewareEnabled, c as RouterContextProvider, t as AppLoadContext, an as LoaderFunctionArgs, ae as ActionFunctionArgs, aw as unstable_ServerInstrumentation, al as HTMLFormMethod, aj as FormEncType, y as RelativeRoutingType, bh as PageLinkDescriptor, T as To, bG as History, a6 as GetScrollRestorationKeyFunction, e as RouterInit, bH as FutureConfig$1, u as unstable_ClientInstrumentation, r as DataStrategyFunction, a2 as PatchRoutesOnNavigationFunction, v as NavigateOptions, a8 as Fetcher, Q as RouteObject, p as Router, x as SerializeFrom, B as BlockerFunction, L as Location, bI as CreateStaticHandlerOptions$1, a4 as StaticHandler } from './router-CAvh_Drx.mjs';
+import { bE as RouteManifest, q as RouteModules, W as HydrationState, a3 as DataRouteObject, a as ClientLoaderFunction, a7 as StaticHandlerContext, bF as ServerRouteModule, s as MiddlewareEnabled, c as RouterContextProvider, t as AppLoadContext, an as LoaderFunctionArgs, ae as ActionFunctionArgs, aw as unstable_ServerInstrumentation, al as HTMLFormMethod, aj as FormEncType, y as RelativeRoutingType, bh as PageLinkDescriptor, T as To, bG as History, a6 as GetScrollRestorationKeyFunction, e as RouterInit, bH as FutureConfig$1, u as unstable_ClientInstrumentation, r as DataStrategyFunction, a2 as PatchRoutesOnNavigationFunction, v as NavigateOptions, a8 as Fetcher, Q as RouteObject, p as Router, x as SerializeFrom, B as BlockerFunction, L as Location, bI as CreateStaticHandlerOptions$1, a4 as StaticHandler } from './router-Dgz_Mh9m.mjs';
 import * as React from 'react';
 
 interface Route {
@@ -1122,6 +1122,21 @@ interface BrowserRouterProps {
      * {@link Route | `<Route>`} components describing your route configuration
      */
     children?: React.ReactNode;
+    /**
+     * Control whether router state updates are internally wrapped in
+     * [`React.startTransition`](https://react.dev/reference/react/startTransition).
+     *
+     * - When left `undefined`, all router state updates are wrapped in
+     *   `React.startTransition`
+     * - When set to `true`, {@link Link} and {@link Form} navigations will be wrapped
+     *   in `React.startTransition` and all router state updates are wrapped in
+     *   `React.startTransition`
+     * - When set to `false`, the router will not leverage `React.startTransition`
+     *   on any navigations or state changes.
+     *
+     * For more information, please see the [docs](https://reactrouter.com/explanation/react-transitions).
+     */
+    unstable_useTransitions?: boolean;
     /**
      * [`Window`](https://developer.mozilla.org/en-US/docs/Web/API/Window) object
      * override. Defaults to the global `window` instance
@@ -1138,11 +1153,12 @@ interface BrowserRouterProps {
  * @param props Props
  * @param {BrowserRouterProps.basename} props.basename n/a
  * @param {BrowserRouterProps.children} props.children n/a
+ * @param {BrowserRouterProps.unstable_useTransitions} props.unstable_useTransitions n/a
  * @param {BrowserRouterProps.window} props.window n/a
  * @returns A declarative {@link Router | `<Router>`} using the browser [`History`](https://developer.mozilla.org/en-US/docs/Web/API/History)
  * API for client-side routing.
  */
-declare function BrowserRouter({ basename, children, window, }: BrowserRouterProps): React.JSX.Element;
+declare function BrowserRouter({ basename, children, unstable_useTransitions, window, }: BrowserRouterProps): React.JSX.Element;
 /**
  * @category Types
  */
@@ -1155,6 +1171,21 @@ interface HashRouterProps {
      * {@link Route | `<Route>`} components describing your route configuration
      */
     children?: React.ReactNode;
+    /**
+     * Control whether router state updates are internally wrapped in
+     * [`React.startTransition`](https://react.dev/reference/react/startTransition).
+     *
+     * - When left `undefined`, all router state updates are wrapped in
+     *   `React.startTransition`
+     * - When set to `true`, {@link Link} and {@link Form} navigations will be wrapped
+     *   in `React.startTransition` and all router state updates are wrapped in
+     *   `React.startTransition`
+     * - When set to `false`, the router will not leverage `React.startTransition`
+     *   on any navigations or state changes.
+     *
+     * For more information, please see the [docs](https://reactrouter.com/explanation/react-transitions).
+     */
+    unstable_useTransitions?: boolean;
     /**
      * [`Window`](https://developer.mozilla.org/en-US/docs/Web/API/Window) object
      * override. Defaults to the global `window` instance
@@ -1172,11 +1203,12 @@ interface HashRouterProps {
  * @param props Props
  * @param {HashRouterProps.basename} props.basename n/a
  * @param {HashRouterProps.children} props.children n/a
+ * @param {HashRouterProps.unstable_useTransitions} props.unstable_useTransitions n/a
  * @param {HashRouterProps.window} props.window n/a
  * @returns A declarative {@link Router | `<Router>`} using the URL [`hash`](https://developer.mozilla.org/en-US/docs/Web/API/URL/hash)
  * for client-side routing.
  */
-declare function HashRouter({ basename, children, window }: HashRouterProps): React.JSX.Element;
+declare function HashRouter({ basename, children, unstable_useTransitions, window, }: HashRouterProps): React.JSX.Element;
 /**
  * @category Types
  */
@@ -1193,6 +1225,21 @@ interface HistoryRouterProps {
      *  A {@link History} implementation for use by the router
      */
     history: History;
+    /**
+     * Control whether router state updates are internally wrapped in
+     * [`React.startTransition`](https://react.dev/reference/react/startTransition).
+     *
+     * - When left `undefined`, all router state updates are wrapped in
+     *   `React.startTransition`
+     * - When set to `true`, {@link Link} and {@link Form} navigations will be wrapped
+     *   in `React.startTransition` and all router state updates are wrapped in
+     *   `React.startTransition`
+     * - When set to `false`, the router will not leverage `React.startTransition`
+     *   on any navigations or state changes.
+     *
+     * For more information, please see the [docs](https://reactrouter.com/explanation/react-transitions).
+     */
+    unstable_useTransitions?: boolean;
 }
 /**
  * A declarative {@link Router | `<Router>`} that accepts a pre-instantiated
@@ -1209,10 +1256,11 @@ interface HistoryRouterProps {
  * @param {HistoryRouterProps.basename} props.basename n/a
  * @param {HistoryRouterProps.children} props.children n/a
  * @param {HistoryRouterProps.history} props.history n/a
+ * @param {HistoryRouterProps.unstable_useTransitions} props.unstable_useTransitions n/a
  * @returns A declarative {@link Router | `<Router>`} using the provided history
  * implementation for client-side routing.
  */
-declare function HistoryRouter({ basename, children, history, }: HistoryRouterProps): React.JSX.Element;
+declare function HistoryRouter({ basename, children, history, unstable_useTransitions, }: HistoryRouterProps): React.JSX.Element;
 declare namespace HistoryRouter {
     var displayName: string;
 }
@@ -1830,15 +1878,19 @@ declare namespace ScrollRestoration {
  * @param options.viewTransition Enables a [View Transition](https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API)
  * for this navigation. To apply specific styles during the transition, see
  * {@link useViewTransitionState}. Defaults to `false`.
+ * @param options.unstable_useTransitions Wraps the navigation in
+ * [`React.startTransition`](https://react.dev/reference/react/startTransition)
+ * for concurrent rendering. Defaults to `false`.
  * @returns A click handler function that can be used in a custom {@link Link} component.
  */
-declare function useLinkClickHandler<E extends Element = HTMLAnchorElement>(to: To, { target, replace: replaceProp, state, preventScrollReset, relative, viewTransition, }?: {
+declare function useLinkClickHandler<E extends Element = HTMLAnchorElement>(to: To, { target, replace: replaceProp, state, preventScrollReset, relative, viewTransition, unstable_useTransitions, }?: {
     target?: React.HTMLAttributeAnchorTarget;
     replace?: boolean;
     state?: any;
     preventScrollReset?: boolean;
     relative?: RelativeRoutingType;
     viewTransition?: boolean;
+    unstable_useTransitions?: boolean;
 }): (event: React.MouseEvent<E, MouseEvent>) => void;
 /**
  * Returns a tuple of the current URL's [`URLSearchParams`](https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams)
@@ -2167,7 +2219,7 @@ type FetcherWithComponents<TData> = Fetcher<TData> & {
      * @param reason Optional `reason` to provide to [`AbortController.abort()`](https://developer.mozilla.org/en-US/docs/Web/API/AbortController/abort)
      * @returns void
      */
-    unstable_reset: (opts?: {
+    reset: (opts?: {
         reason?: unknown;
     }) => void;
     /**
@@ -2256,7 +2308,7 @@ type FetcherWithComponents<TData> = Fetcher<TData> & {
  *   })
  *
  *   // reset fetcher
- *   fetcher.unstable_reset()
+ *   fetcher.reset()
  * }
  *
  * @public

package/dist/production/index-react-server-client.d.mts

@@ -1,3 +1,3 @@
-export { b2 as MemoryRouter, b3 as Navigate, b4 as Outlet, b5 as Route, b6 as Router, b7 as RouterProvider, b8 as Routes, aR as UNSAFE_AwaitContextProvider, by as UNSAFE_WithComponentProps, bC as UNSAFE_WithErrorBoundaryProps, bA as UNSAFE_WithHydrateFallbackProps } from './router-CAvh_Drx.mjs';
-export { l as BrowserRouter, q as Form, m as HashRouter, n as Link, X as Links, W as Meta, p as NavLink, r as ScrollRestoration, T as StaticRouter, V as StaticRouterProvider, o as unstable_HistoryRouter } from './index-react-server-client-rcoGPJhU.mjs';
+export { b2 as MemoryRouter, b3 as Navigate, b4 as Outlet, b5 as Route, b6 as Router, b7 as RouterProvider, b8 as Routes, aR as UNSAFE_AwaitContextProvider, by as UNSAFE_WithComponentProps, bC as UNSAFE_WithErrorBoundaryProps, bA as UNSAFE_WithHydrateFallbackProps } from './router-Dgz_Mh9m.mjs';
+export { l as BrowserRouter, q as Form, m as HashRouter, n as Link, X as Links, W as Meta, p as NavLink, r as ScrollRestoration, T as StaticRouter, V as StaticRouterProvider, o as unstable_HistoryRouter } from './index-react-server-client-DYtvZPLT.mjs';
 import 'react';

package/dist/production/index-react-server-client.d.ts

@@ -1,3 +1,3 @@
-export { b2 as MemoryRouter, b3 as Navigate, b4 as Outlet, b5 as Route, b6 as Router, b7 as RouterProvider, b8 as Routes, aP as UNSAFE_AwaitContextProvider, by as UNSAFE_WithComponentProps, bC as UNSAFE_WithErrorBoundaryProps, bA as UNSAFE_WithHydrateFallbackProps } from './instrumentation-Unc20tLk.js';
-export { l as BrowserRouter, q as Form, m as HashRouter, n as Link, X as Links, W as Meta, p as NavLink, r as ScrollRestoration, T as StaticRouter, V as StaticRouterProvider, o as unstable_HistoryRouter } from './index-react-server-client-Da3kmxNd.js';
+export { b2 as MemoryRouter, b3 as Navigate, b4 as Outlet, b5 as Route, b6 as Router, b7 as RouterProvider, b8 as Routes, aP as UNSAFE_AwaitContextProvider, by as UNSAFE_WithComponentProps, bC as UNSAFE_WithErrorBoundaryProps, bA as UNSAFE_WithHydrateFallbackProps } from './instrumentation-Dwf-sTWa.js';
+export { l as BrowserRouter, q as Form, m as HashRouter, n as Link, X as Links, W as Meta, p as NavLink, r as ScrollRestoration, T as StaticRouter, V as StaticRouterProvider, o as unstable_HistoryRouter } from './index-react-server-client-CNrKUHDv.js';
 import 'react';

package/dist/production/index-react-server-client.js

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});/**
- * react-router v7.9.6
+ * react-router v7.10.0-pre.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -19,7 +19,7 @@
 
 
 
-var _chunkQN64DHI4js = require('./chunk-QN64DHI4.js');
+var _chunk5DTJHKF7js = require('./chunk-5DTJHKF7.js');
 
 
 
@@ -34,7 +34,7 @@ var _chunkQN64DHI4js = require('./chunk-QN64DHI4.js');
 
 
 
-var _chunkEAIF67OWjs = require('./chunk-EAIF67OW.js');
+var _chunk55FFLVQPjs = require('./chunk-55FFLVQP.js');
 
 
 
@@ -58,4 +58,4 @@ var _chunkEAIF67OWjs = require('./chunk-EAIF67OW.js');
 
 
 
-exports.BrowserRouter = _chunkQN64DHI4js.BrowserRouter; exports.Form = _chunkQN64DHI4js.Form; exports.HashRouter = _chunkQN64DHI4js.HashRouter; exports.Link = _chunkQN64DHI4js.Link; exports.Links = _chunkEAIF67OWjs.Links; exports.MemoryRouter = _chunkEAIF67OWjs.MemoryRouter; exports.Meta = _chunkEAIF67OWjs.Meta; exports.NavLink = _chunkQN64DHI4js.NavLink; exports.Navigate = _chunkEAIF67OWjs.Navigate; exports.Outlet = _chunkEAIF67OWjs.Outlet; exports.Route = _chunkEAIF67OWjs.Route; exports.Router = _chunkEAIF67OWjs.Router; exports.RouterProvider = _chunkEAIF67OWjs.RouterProvider; exports.Routes = _chunkEAIF67OWjs.Routes; exports.ScrollRestoration = _chunkQN64DHI4js.ScrollRestoration; exports.StaticRouter = _chunkQN64DHI4js.StaticRouter; exports.StaticRouterProvider = _chunkQN64DHI4js.StaticRouterProvider; exports.UNSAFE_AwaitContextProvider = _chunkEAIF67OWjs.AwaitContextProvider; exports.UNSAFE_WithComponentProps = _chunkEAIF67OWjs.WithComponentProps; exports.UNSAFE_WithErrorBoundaryProps = _chunkEAIF67OWjs.WithErrorBoundaryProps; exports.UNSAFE_WithHydrateFallbackProps = _chunkEAIF67OWjs.WithHydrateFallbackProps; exports.unstable_HistoryRouter = _chunkQN64DHI4js.HistoryRouter;
+exports.BrowserRouter = _chunk5DTJHKF7js.BrowserRouter; exports.Form = _chunk5DTJHKF7js.Form; exports.HashRouter = _chunk5DTJHKF7js.HashRouter; exports.Link = _chunk5DTJHKF7js.Link; exports.Links = _chunk55FFLVQPjs.Links; exports.MemoryRouter = _chunk55FFLVQPjs.MemoryRouter; exports.Meta = _chunk55FFLVQPjs.Meta; exports.NavLink = _chunk5DTJHKF7js.NavLink; exports.Navigate = _chunk55FFLVQPjs.Navigate; exports.Outlet = _chunk55FFLVQPjs.Outlet; exports.Route = _chunk55FFLVQPjs.Route; exports.Router = _chunk55FFLVQPjs.Router; exports.RouterProvider = _chunk55FFLVQPjs.RouterProvider; exports.Routes = _chunk55FFLVQPjs.Routes; exports.ScrollRestoration = _chunk5DTJHKF7js.ScrollRestoration; exports.StaticRouter = _chunk5DTJHKF7js.StaticRouter; exports.StaticRouterProvider = _chunk5DTJHKF7js.StaticRouterProvider; exports.UNSAFE_AwaitContextProvider = _chunk55FFLVQPjs.AwaitContextProvider; exports.UNSAFE_WithComponentProps = _chunk55FFLVQPjs.WithComponentProps; exports.UNSAFE_WithErrorBoundaryProps = _chunk55FFLVQPjs.WithErrorBoundaryProps; exports.UNSAFE_WithHydrateFallbackProps = _chunk55FFLVQPjs.WithHydrateFallbackProps; exports.unstable_HistoryRouter = _chunk5DTJHKF7js.HistoryRouter;