react-router 7.9.6 → 7.10.0-pre.1

package/dist/production/{chunk-QN64DHI4.js → chunk-3MVZKESN.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 _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.
  *
@@ -48,13 +48,13 @@
 
 
 
-var _chunkEAIF67OWjs = require('./chunk-EAIF67OW.js');
+var _chunkC7S4I3K5js = require('./chunk-C7S4I3K5.js');
 
 // lib/dom/dom.ts
 var defaultMethod = "get";
 var defaultEncType = "application/x-www-form-urlencoded";
 function isHtmlElement(object) {
-  return object != null && typeof object.tagName === "string";
+  return typeof HTMLElement !== "undefined" && object instanceof HTMLElement;
 }
 function isButtonElement(object) {
   return isHtmlElement(object) && object.tagName.toLowerCase() === "button";
@@ -119,7 +119,7 @@ var supportedFormEncTypes = /* @__PURE__ */ new Set([
 ]);
 function getFormEncType(encType) {
   if (encType != null && !supportedFormEncTypes.has(encType)) {
-    _chunkEAIF67OWjs.warning.call(void 0, 
+    _chunkC7S4I3K5js.warning.call(void 0, 
       false,
       `"${encType}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${defaultEncType}"`
     );
@@ -135,7 +135,7 @@ function getFormSubmissionInfo(target, basename) {
   let body;
   if (isFormElement(target)) {
     let attr = target.getAttribute("action");
-    action = attr ? _chunkEAIF67OWjs.stripBasename.call(void 0, attr, basename) : null;
+    action = attr ? _chunkC7S4I3K5js.stripBasename.call(void 0, attr, basename) : null;
     method = target.getAttribute("method") || defaultMethod;
     encType = getFormEncType(target.getAttribute("enctype")) || defaultEncType;
     formData = new FormData(target);
@@ -147,7 +147,7 @@ function getFormSubmissionInfo(target, basename) {
       );
     }
     let attr = target.getAttribute("formaction") || form.getAttribute("action");
-    action = attr ? _chunkEAIF67OWjs.stripBasename.call(void 0, attr, basename) : null;
+    action = attr ? _chunkC7S4I3K5js.stripBasename.call(void 0, attr, basename) : null;
     method = target.getAttribute("formmethod") || form.getAttribute("method") || defaultMethod;
     encType = getFormEncType(target.getAttribute("formenctype")) || getFormEncType(form.getAttribute("enctype")) || defaultEncType;
     formData = new FormData(form, target);
@@ -184,20 +184,20 @@ var isBrowser = typeof window !== "undefined" && typeof window.document !== "und
 try {
   if (isBrowser) {
     window.__reactRouterVersion = // @ts-expect-error
-    "7.9.6";
+    "7.10.0-pre.1";
   }
 } catch (e) {
 }
 function createBrowserRouter(routes, opts) {
-  return _chunkEAIF67OWjs.createRouter.call(void 0, {
+  return _chunkC7S4I3K5js.createRouter.call(void 0, {
     basename: _optionalChain([opts, 'optionalAccess', _2 => _2.basename]),
     getContext: _optionalChain([opts, 'optionalAccess', _3 => _3.getContext]),
     future: _optionalChain([opts, 'optionalAccess', _4 => _4.future]),
-    history: _chunkEAIF67OWjs.createBrowserHistory.call(void 0, { window: _optionalChain([opts, 'optionalAccess', _5 => _5.window]) }),
+    history: _chunkC7S4I3K5js.createBrowserHistory.call(void 0, { window: _optionalChain([opts, 'optionalAccess', _5 => _5.window]) }),
     hydrationData: _optionalChain([opts, 'optionalAccess', _6 => _6.hydrationData]) || parseHydrationData(),
     routes,
-    mapRouteProperties: _chunkEAIF67OWjs.mapRouteProperties,
-    hydrationRouteProperties: _chunkEAIF67OWjs.hydrationRouteProperties,
+    mapRouteProperties: _chunkC7S4I3K5js.mapRouteProperties,
+    hydrationRouteProperties: _chunkC7S4I3K5js.hydrationRouteProperties,
     dataStrategy: _optionalChain([opts, 'optionalAccess', _7 => _7.dataStrategy]),
     patchRoutesOnNavigation: _optionalChain([opts, 'optionalAccess', _8 => _8.patchRoutesOnNavigation]),
     window: _optionalChain([opts, 'optionalAccess', _9 => _9.window]),
@@ -205,15 +205,15 @@ function createBrowserRouter(routes, opts) {
   }).initialize();
 }
 function createHashRouter(routes, opts) {
-  return _chunkEAIF67OWjs.createRouter.call(void 0, {
+  return _chunkC7S4I3K5js.createRouter.call(void 0, {
     basename: _optionalChain([opts, 'optionalAccess', _11 => _11.basename]),
     getContext: _optionalChain([opts, 'optionalAccess', _12 => _12.getContext]),
     future: _optionalChain([opts, 'optionalAccess', _13 => _13.future]),
-    history: _chunkEAIF67OWjs.createHashHistory.call(void 0, { window: _optionalChain([opts, 'optionalAccess', _14 => _14.window]) }),
+    history: _chunkC7S4I3K5js.createHashHistory.call(void 0, { window: _optionalChain([opts, 'optionalAccess', _14 => _14.window]) }),
     hydrationData: _optionalChain([opts, 'optionalAccess', _15 => _15.hydrationData]) || parseHydrationData(),
     routes,
-    mapRouteProperties: _chunkEAIF67OWjs.mapRouteProperties,
-    hydrationRouteProperties: _chunkEAIF67OWjs.hydrationRouteProperties,
+    mapRouteProperties: _chunkC7S4I3K5js.mapRouteProperties,
+    hydrationRouteProperties: _chunkC7S4I3K5js.hydrationRouteProperties,
     dataStrategy: _optionalChain([opts, 'optionalAccess', _16 => _16.dataStrategy]),
     patchRoutesOnNavigation: _optionalChain([opts, 'optionalAccess', _17 => _17.patchRoutesOnNavigation]),
     window: _optionalChain([opts, 'optionalAccess', _18 => _18.window]),
@@ -236,7 +236,7 @@ function deserializeErrors(errors) {
   let serialized = {};
   for (let [key, val] of entries) {
     if (val && val.__type === "RouteErrorResponse") {
-      serialized[key] = new (0, _chunkEAIF67OWjs.ErrorResponseImpl)(
+      serialized[key] = new (0, _chunkC7S4I3K5js.ErrorResponseImpl)(
         val.status,
         val.statusText,
         val.data,
@@ -268,11 +268,12 @@ function deserializeErrors(errors) {
 function BrowserRouter({
   basename,
   children,
+  unstable_useTransitions,
   window: window2
 }) {
   let historyRef = React.useRef();
   if (historyRef.current == null) {
-    historyRef.current = _chunkEAIF67OWjs.createBrowserHistory.call(void 0, { window: window2, v5Compat: true });
+    historyRef.current = _chunkC7S4I3K5js.createBrowserHistory.call(void 0, { window: window2, v5Compat: true });
   }
   let history = historyRef.current;
   let [state, setStateImpl] = React.useState({
@@ -281,26 +282,36 @@ function BrowserRouter({
   });
   let setState = React.useCallback(
     (newState) => {
-      React.startTransition(() => setStateImpl(newState));
+      if (unstable_useTransitions === false) {
+        setStateImpl(newState);
+      } else {
+        React.startTransition(() => setStateImpl(newState));
+      }
     },
-    [setStateImpl]
+    [unstable_useTransitions]
   );
   React.useLayoutEffect(() => history.listen(setState), [history, setState]);
   return /* @__PURE__ */ React.createElement(
-    _chunkEAIF67OWjs.Router,
+    _chunkC7S4I3K5js.Router,
     {
       basename,
       children,
       location: state.location,
       navigationType: state.action,
-      navigator: history
+      navigator: history,
+      unstable_useTransitions: unstable_useTransitions === true
     }
   );
 }
-function HashRouter({ basename, children, window: window2 }) {
+function HashRouter({
+  basename,
+  children,
+  unstable_useTransitions,
+  window: window2
+}) {
   let historyRef = React.useRef();
   if (historyRef.current == null) {
-    historyRef.current = _chunkEAIF67OWjs.createHashHistory.call(void 0, { window: window2, v5Compat: true });
+    historyRef.current = _chunkC7S4I3K5js.createHashHistory.call(void 0, { window: window2, v5Compat: true });
   }
   let history = historyRef.current;
   let [state, setStateImpl] = React.useState({
@@ -309,26 +320,32 @@ function HashRouter({ basename, children, window: window2 }) {
   });
   let setState = React.useCallback(
     (newState) => {
-      React.startTransition(() => setStateImpl(newState));
+      if (unstable_useTransitions === false) {
+        setStateImpl(newState);
+      } else {
+        React.startTransition(() => setStateImpl(newState));
+      }
     },
-    [setStateImpl]
+    [unstable_useTransitions]
   );
   React.useLayoutEffect(() => history.listen(setState), [history, setState]);
   return /* @__PURE__ */ React.createElement(
-    _chunkEAIF67OWjs.Router,
+    _chunkC7S4I3K5js.Router,
     {
       basename,
       children,
       location: state.location,
       navigationType: state.action,
-      navigator: history
+      navigator: history,
+      unstable_useTransitions: unstable_useTransitions === true
     }
   );
 }
 function HistoryRouter({
   basename,
   children,
-  history
+  history,
+  unstable_useTransitions
 }) {
   let [state, setStateImpl] = React.useState({
     action: history.action,
@@ -336,19 +353,24 @@ function HistoryRouter({
   });
   let setState = React.useCallback(
     (newState) => {
-      React.startTransition(() => setStateImpl(newState));
+      if (unstable_useTransitions === false) {
+        setStateImpl(newState);
+      } else {
+        React.startTransition(() => setStateImpl(newState));
+      }
     },
-    [setStateImpl]
+    [unstable_useTransitions]
   );
   React.useLayoutEffect(() => history.listen(setState), [history, setState]);
   return /* @__PURE__ */ React.createElement(
-    _chunkEAIF67OWjs.Router,
+    _chunkC7S4I3K5js.Router,
     {
       basename,
       children,
       location: state.location,
       navigationType: state.action,
-      navigator: history
+      navigator: history,
+      unstable_useTransitions: unstable_useTransitions === true
     }
   );
 }
@@ -369,7 +391,7 @@ var Link = React.forwardRef(
     viewTransition,
     ...rest
   }, forwardedRef) {
-    let { basename } = React.useContext(_chunkEAIF67OWjs.NavigationContext);
+    let { basename, unstable_useTransitions } = React.useContext(_chunkC7S4I3K5js.NavigationContext);
     let isAbsolute = typeof to === "string" && ABSOLUTE_URL_REGEX.test(to);
     let absoluteHref;
     let isExternal = false;
@@ -379,22 +401,22 @@ var Link = React.forwardRef(
         try {
           let currentUrl = new URL(window.location.href);
           let targetUrl = to.startsWith("//") ? new URL(currentUrl.protocol + to) : new URL(to);
-          let path = _chunkEAIF67OWjs.stripBasename.call(void 0, targetUrl.pathname, basename);
+          let path = _chunkC7S4I3K5js.stripBasename.call(void 0, targetUrl.pathname, basename);
           if (targetUrl.origin === currentUrl.origin && path != null) {
             to = path + targetUrl.search + targetUrl.hash;
           } else {
             isExternal = true;
           }
         } catch (e) {
-          _chunkEAIF67OWjs.warning.call(void 0, 
+          _chunkC7S4I3K5js.warning.call(void 0, 
             false,
             `<Link to="${to}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
           );
         }
       }
     }
-    let href = _chunkEAIF67OWjs.useHref.call(void 0, to, { relative });
-    let [shouldPrefetch, prefetchRef, prefetchHandlers] = _chunkEAIF67OWjs.usePrefetchBehavior.call(void 0, 
+    let href = _chunkC7S4I3K5js.useHref.call(void 0, to, { relative });
+    let [shouldPrefetch, prefetchRef, prefetchHandlers] = _chunkC7S4I3K5js.usePrefetchBehavior.call(void 0, 
       prefetch,
       rest
     );
@@ -404,7 +426,8 @@ var Link = React.forwardRef(
       target,
       preventScrollReset,
       relative,
-      viewTransition
+      viewTransition,
+      unstable_useTransitions
     });
     function handleClick(event) {
       if (onClick) onClick(event);
@@ -421,13 +444,13 @@ var Link = React.forwardRef(
           ...prefetchHandlers,
           href: absoluteHref || href,
           onClick: isExternal || reloadDocument ? onClick : handleClick,
-          ref: _chunkEAIF67OWjs.mergeRefs.call(void 0, forwardedRef, prefetchRef),
+          ref: _chunkC7S4I3K5js.mergeRefs.call(void 0, forwardedRef, prefetchRef),
           target,
           "data-discover": !isAbsolute && discover === "render" ? "true" : void 0
         }
       )
     );
-    return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React.createElement(React.Fragment, null, link, /* @__PURE__ */ React.createElement(_chunkEAIF67OWjs.PrefetchPageLinks, { page: href })) : link;
+    return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React.createElement(React.Fragment, null, link, /* @__PURE__ */ React.createElement(_chunkC7S4I3K5js.PrefetchPageLinks, { page: href })) : link;
   }
 );
 Link.displayName = "Link";
@@ -443,10 +466,10 @@ var NavLink = React.forwardRef(
     children,
     ...rest
   }, ref) {
-    let path = _chunkEAIF67OWjs.useResolvedPath.call(void 0, to, { relative: rest.relative });
-    let location = _chunkEAIF67OWjs.useLocation.call(void 0, );
-    let routerState = React.useContext(_chunkEAIF67OWjs.DataRouterStateContext);
-    let { navigator, basename } = React.useContext(_chunkEAIF67OWjs.NavigationContext);
+    let path = _chunkC7S4I3K5js.useResolvedPath.call(void 0, to, { relative: rest.relative });
+    let location = _chunkC7S4I3K5js.useLocation.call(void 0, );
+    let routerState = React.useContext(_chunkC7S4I3K5js.DataRouterStateContext);
+    let { navigator, basename } = React.useContext(_chunkC7S4I3K5js.NavigationContext);
     let isTransitioning = routerState != null && // Conditional usage is OK here because the usage of a data router is static
     // eslint-disable-next-line react-hooks/rules-of-hooks
     useViewTransitionState(path) && viewTransition === true;
@@ -459,7 +482,7 @@ var NavLink = React.forwardRef(
       toPathname = toPathname.toLowerCase();
     }
     if (nextLocationPathname && basename) {
-      nextLocationPathname = _chunkEAIF67OWjs.stripBasename.call(void 0, nextLocationPathname, basename) || nextLocationPathname;
+      nextLocationPathname = _chunkC7S4I3K5js.stripBasename.call(void 0, nextLocationPathname, basename) || nextLocationPathname;
     }
     const endSlashPosition = toPathname !== "/" && toPathname.endsWith("/") ? toPathname.length - 1 : toPathname.length;
     let isActive = locationPathname === toPathname || !end && locationPathname.startsWith(toPathname) && locationPathname.charAt(endSlashPosition) === "/";
@@ -514,6 +537,7 @@ var Form = React.forwardRef(
     viewTransition,
     ...props
   }, forwardedRef) => {
+    let { unstable_useTransitions } = React.useContext(_chunkC7S4I3K5js.NavigationContext);
     let submit = useSubmit();
     let formAction = useFormAction(action, { relative });
     let formMethod = method.toLowerCase() === "get" ? "get" : "post";
@@ -524,7 +548,7 @@ var Form = React.forwardRef(
       event.preventDefault();
       let submitter = event.nativeEvent.submitter;
       let submitMethod = _optionalChain([submitter, 'optionalAccess', _21 => _21.getAttribute, 'call', _22 => _22("formmethod")]) || method;
-      submit(submitter || event.currentTarget, {
+      let doSubmit = () => submit(submitter || event.currentTarget, {
         fetcherKey,
         method: submitMethod,
         navigate,
@@ -534,6 +558,11 @@ var Form = React.forwardRef(
         preventScrollReset,
         viewTransition
       });
+      if (unstable_useTransitions && navigate !== false) {
+        React.startTransition(() => doSubmit());
+      } else {
+        doSubmit();
+      }
     };
     return /* @__PURE__ */ React.createElement(
       "form",
@@ -554,10 +583,10 @@ function ScrollRestoration({
   storageKey,
   ...props
 }) {
-  let remixContext = React.useContext(_chunkEAIF67OWjs.FrameworkContext);
-  let { basename } = React.useContext(_chunkEAIF67OWjs.NavigationContext);
-  let location = _chunkEAIF67OWjs.useLocation.call(void 0, );
-  let matches = _chunkEAIF67OWjs.useMatches.call(void 0, );
+  let remixContext = React.useContext(_chunkC7S4I3K5js.FrameworkContext);
+  let { basename } = React.useContext(_chunkC7S4I3K5js.NavigationContext);
+  let location = _chunkC7S4I3K5js.useLocation.call(void 0, );
+  let matches = _chunkC7S4I3K5js.useMatches.call(void 0, );
   useScrollRestoration({ getKey, storageKey });
   let ssrKey = React.useMemo(
     () => {
@@ -611,13 +640,13 @@ function getDataRouterConsoleError(hookName) {
   return `${hookName} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
 function useDataRouterContext(hookName) {
-  let ctx = React.useContext(_chunkEAIF67OWjs.DataRouterContext);
-  _chunkEAIF67OWjs.invariant.call(void 0, ctx, getDataRouterConsoleError(hookName));
+  let ctx = React.useContext(_chunkC7S4I3K5js.DataRouterContext);
+  _chunkC7S4I3K5js.invariant.call(void 0, ctx, getDataRouterConsoleError(hookName));
   return ctx;
 }
 function useDataRouterState(hookName) {
-  let state = React.useContext(_chunkEAIF67OWjs.DataRouterStateContext);
-  _chunkEAIF67OWjs.invariant.call(void 0, state, getDataRouterConsoleError(hookName));
+  let state = React.useContext(_chunkC7S4I3K5js.DataRouterStateContext);
+  _chunkC7S4I3K5js.invariant.call(void 0, state, getDataRouterConsoleError(hookName));
   return state;
 }
 function useLinkClickHandler(to, {
@@ -626,23 +655,29 @@ function useLinkClickHandler(to, {
   state,
   preventScrollReset,
   relative,
-  viewTransition
+  viewTransition,
+  unstable_useTransitions
 } = {}) {
-  let navigate = _chunkEAIF67OWjs.useNavigate.call(void 0, );
-  let location = _chunkEAIF67OWjs.useLocation.call(void 0, );
-  let path = _chunkEAIF67OWjs.useResolvedPath.call(void 0, to, { relative });
+  let navigate = _chunkC7S4I3K5js.useNavigate.call(void 0, );
+  let location = _chunkC7S4I3K5js.useLocation.call(void 0, );
+  let path = _chunkC7S4I3K5js.useResolvedPath.call(void 0, to, { relative });
   return React.useCallback(
     (event) => {
       if (shouldProcessLinkClick(event, target)) {
         event.preventDefault();
-        let replace = replaceProp !== void 0 ? replaceProp : _chunkEAIF67OWjs.createPath.call(void 0, location) === _chunkEAIF67OWjs.createPath.call(void 0, path);
-        navigate(to, {
+        let replace = replaceProp !== void 0 ? replaceProp : _chunkC7S4I3K5js.createPath.call(void 0, location) === _chunkC7S4I3K5js.createPath.call(void 0, path);
+        let doNavigate = () => navigate(to, {
           replace,
           state,
           preventScrollReset,
           relative,
           viewTransition
         });
+        if (unstable_useTransitions) {
+          React.startTransition(() => doNavigate());
+        } else {
+          doNavigate();
+        }
       }
     },
     [
@@ -655,18 +690,19 @@ function useLinkClickHandler(to, {
       to,
       preventScrollReset,
       relative,
-      viewTransition
+      viewTransition,
+      unstable_useTransitions
     ]
   );
 }
 function useSearchParams(defaultInit) {
-  _chunkEAIF67OWjs.warning.call(void 0, 
+  _chunkC7S4I3K5js.warning.call(void 0, 
     typeof URLSearchParams !== "undefined",
     `You cannot use the \`useSearchParams\` hook in a browser that does not support the URLSearchParams API. If you need to support Internet Explorer 11, we recommend you load a polyfill such as https://github.com/ungap/url-search-params.`
   );
   let defaultSearchParamsRef = React.useRef(createSearchParams(defaultInit));
   let hasSetSearchParamsRef = React.useRef(false);
-  let location = _chunkEAIF67OWjs.useLocation.call(void 0, );
+  let location = _chunkC7S4I3K5js.useLocation.call(void 0, );
   let searchParams = React.useMemo(
     () => (
       // Only merge in the defaults if we haven't yet called setSearchParams.
@@ -679,7 +715,7 @@ function useSearchParams(defaultInit) {
     ),
     [location.search]
   );
-  let navigate = _chunkEAIF67OWjs.useNavigate.call(void 0, );
+  let navigate = _chunkC7S4I3K5js.useNavigate.call(void 0, );
   let setSearchParams = React.useCallback(
     (nextInit, navigateOptions) => {
       const newSearchParams = createSearchParams(
@@ -696,8 +732,10 @@ var fetcherId = 0;
 var getUniqueFetcherId = () => `__${String(++fetcherId)}__`;
 function useSubmit() {
   let { router } = useDataRouterContext("useSubmit" /* UseSubmit */);
-  let { basename } = React.useContext(_chunkEAIF67OWjs.NavigationContext);
-  let currentRouteId = _chunkEAIF67OWjs.useRouteId.call(void 0, );
+  let { basename } = React.useContext(_chunkC7S4I3K5js.NavigationContext);
+  let currentRouteId = _chunkC7S4I3K5js.useRouteId.call(void 0, );
+  let routerFetch = router.fetch;
+  let routerNavigate = router.navigate;
   return React.useCallback(
     async (target, options = {}) => {
       let { action, method, encType, formData, body } = getFormSubmissionInfo(
@@ -706,7 +744,7 @@ function useSubmit() {
       );
       if (options.navigate === false) {
         let key = options.fetcherKey || getUniqueFetcherId();
-        await router.fetch(key, currentRouteId, options.action || action, {
+        await routerFetch(key, currentRouteId, options.action || action, {
           preventScrollReset: options.preventScrollReset,
           formData,
           body,
@@ -715,7 +753,7 @@ function useSubmit() {
           flushSync: options.flushSync
         });
       } else {
-        await router.navigate(options.action || action, {
+        await routerNavigate(options.action || action, {
           preventScrollReset: options.preventScrollReset,
           formData,
           body,
@@ -729,16 +767,16 @@ function useSubmit() {
         });
       }
     },
-    [router, basename, currentRouteId]
+    [routerFetch, routerNavigate, basename, currentRouteId]
   );
 }
 function useFormAction(action, { relative } = {}) {
-  let { basename } = React.useContext(_chunkEAIF67OWjs.NavigationContext);
-  let routeContext = React.useContext(_chunkEAIF67OWjs.RouteContext);
-  _chunkEAIF67OWjs.invariant.call(void 0, routeContext, "useFormAction must be used inside a RouteContext");
+  let { basename } = React.useContext(_chunkC7S4I3K5js.NavigationContext);
+  let routeContext = React.useContext(_chunkC7S4I3K5js.RouteContext);
+  _chunkC7S4I3K5js.invariant.call(void 0, routeContext, "useFormAction must be used inside a RouteContext");
   let [match] = routeContext.matches.slice(-1);
-  let path = { ..._chunkEAIF67OWjs.useResolvedPath.call(void 0, action ? action : ".", { relative }) };
-  let location = _chunkEAIF67OWjs.useLocation.call(void 0, );
+  let path = { ..._chunkC7S4I3K5js.useResolvedPath.call(void 0, action ? action : ".", { relative }) };
+  let location = _chunkC7S4I3K5js.useLocation.call(void 0, );
   if (action == null) {
     path.search = location.search;
     let params = new URLSearchParams(path.search);
@@ -755,21 +793,21 @@ function useFormAction(action, { relative } = {}) {
     path.search = path.search ? path.search.replace(/^\?/, "?index&") : "?index";
   }
   if (basename !== "/") {
-    path.pathname = path.pathname === "/" ? basename : _chunkEAIF67OWjs.joinPaths.call(void 0, [basename, path.pathname]);
+    path.pathname = path.pathname === "/" ? basename : _chunkC7S4I3K5js.joinPaths.call(void 0, [basename, path.pathname]);
   }
-  return _chunkEAIF67OWjs.createPath.call(void 0, path);
+  return _chunkC7S4I3K5js.createPath.call(void 0, path);
 }
 function useFetcher({
   key
 } = {}) {
   let { router } = useDataRouterContext("useFetcher" /* UseFetcher */);
   let state = useDataRouterState("useFetcher" /* UseFetcher */);
-  let fetcherData = React.useContext(_chunkEAIF67OWjs.FetchersContext);
-  let route = React.useContext(_chunkEAIF67OWjs.RouteContext);
+  let fetcherData = React.useContext(_chunkC7S4I3K5js.FetchersContext);
+  let route = React.useContext(_chunkC7S4I3K5js.RouteContext);
   let routeId = _optionalChain([route, 'access', _23 => _23.matches, 'access', _24 => _24[route.matches.length - 1], 'optionalAccess', _25 => _25.route, 'access', _26 => _26.id]);
-  _chunkEAIF67OWjs.invariant.call(void 0, fetcherData, `useFetcher must be used inside a FetchersContext`);
-  _chunkEAIF67OWjs.invariant.call(void 0, route, `useFetcher must be used inside a RouteContext`);
-  _chunkEAIF67OWjs.invariant.call(void 0, 
+  _chunkC7S4I3K5js.invariant.call(void 0, fetcherData, `useFetcher must be used inside a FetchersContext`);
+  _chunkC7S4I3K5js.invariant.call(void 0, route, `useFetcher must be used inside a RouteContext`);
+  _chunkC7S4I3K5js.invariant.call(void 0, 
     routeId != null,
     `useFetcher can only be used on routes that contain a unique "id"`
   );
@@ -778,16 +816,17 @@ function useFetcher({
   if (key && key !== fetcherKey) {
     setFetcherKey(key);
   }
+  let { deleteFetcher, getFetcher, resetFetcher, fetch: routerFetch } = router;
   React.useEffect(() => {
-    router.getFetcher(fetcherKey);
-    return () => router.deleteFetcher(fetcherKey);
-  }, [router, fetcherKey]);
+    getFetcher(fetcherKey);
+    return () => deleteFetcher(fetcherKey);
+  }, [deleteFetcher, getFetcher, fetcherKey]);
   let load = React.useCallback(
     async (href, opts) => {
-      _chunkEAIF67OWjs.invariant.call(void 0, routeId, "No routeId available for fetcher.load()");
-      await router.fetch(fetcherKey, routeId, href, opts);
+      _chunkC7S4I3K5js.invariant.call(void 0, routeId, "No routeId available for fetcher.load()");
+      await routerFetch(fetcherKey, routeId, href, opts);
     },
-    [fetcherKey, routeId, router]
+    [fetcherKey, routeId, routerFetch]
   );
   let submitImpl = useSubmit();
   let submit = React.useCallback(
@@ -800,7 +839,10 @@ function useFetcher({
     },
     [fetcherKey, submitImpl]
   );
-  let unstable_reset = React.useCallback((opts) => router.resetFetcher(fetcherKey, opts), [router, fetcherKey]);
+  let reset = React.useCallback(
+    (opts) => resetFetcher(fetcherKey, opts),
+    [resetFetcher, fetcherKey]
+  );
   let FetcherForm = React.useMemo(() => {
     let FetcherForm2 = React.forwardRef(
       (props, ref) => {
@@ -810,18 +852,18 @@ function useFetcher({
     FetcherForm2.displayName = "fetcher.Form";
     return FetcherForm2;
   }, [fetcherKey]);
-  let fetcher = state.fetchers.get(fetcherKey) || _chunkEAIF67OWjs.IDLE_FETCHER;
+  let fetcher = state.fetchers.get(fetcherKey) || _chunkC7S4I3K5js.IDLE_FETCHER;
   let data = fetcherData.get(fetcherKey);
   let fetcherWithComponents = React.useMemo(
     () => ({
       Form: FetcherForm,
       submit,
       load,
-      unstable_reset,
+      reset,
       ...fetcher,
       data
     }),
-    [FetcherForm, submit, load, unstable_reset, fetcher, data]
+    [FetcherForm, submit, load, reset, fetcher, data]
   );
   return fetcherWithComponents;
 }
@@ -841,7 +883,7 @@ function getScrollRestorationKey(location, matches, basename, getKey) {
       key = getKey(
         {
           ...location,
-          pathname: _chunkEAIF67OWjs.stripBasename.call(void 0, location.pathname, basename) || location.pathname
+          pathname: _chunkC7S4I3K5js.stripBasename.call(void 0, location.pathname, basename) || location.pathname
         },
         matches
       );
@@ -862,10 +904,10 @@ function useScrollRestoration({
   let { restoreScrollPosition, preventScrollReset } = useDataRouterState(
     "useScrollRestoration" /* UseScrollRestoration */
   );
-  let { basename } = React.useContext(_chunkEAIF67OWjs.NavigationContext);
-  let location = _chunkEAIF67OWjs.useLocation.call(void 0, );
-  let matches = _chunkEAIF67OWjs.useMatches.call(void 0, );
-  let navigation = _chunkEAIF67OWjs.useNavigation.call(void 0, );
+  let { basename } = React.useContext(_chunkC7S4I3K5js.NavigationContext);
+  let location = _chunkC7S4I3K5js.useLocation.call(void 0, );
+  let matches = _chunkC7S4I3K5js.useMatches.call(void 0, );
+  let navigation = _chunkC7S4I3K5js.useNavigation.call(void 0, );
   React.useEffect(() => {
     window.history.scrollRestoration = "manual";
     return () => {
@@ -884,7 +926,7 @@ function useScrollRestoration({
           JSON.stringify(savedScrollPositions)
         );
       } catch (error) {
-        _chunkEAIF67OWjs.warning.call(void 0, 
+        _chunkC7S4I3K5js.warning.call(void 0, 
           false,
           `Failed to save scroll positions in sessionStorage, <ScrollRestoration /> will not work properly (${error}).`
         );
@@ -931,7 +973,7 @@ function useScrollRestoration({
           }
         }
       } catch (e2) {
-        _chunkEAIF67OWjs.warning.call(void 0, 
+        _chunkC7S4I3K5js.warning.call(void 0, 
           false,
           `"${location.hash.slice(
             1
@@ -969,7 +1011,7 @@ function usePrompt({
   when,
   message
 }) {
-  let blocker = _chunkEAIF67OWjs.useBlocker.call(void 0, when);
+  let blocker = _chunkC7S4I3K5js.useBlocker.call(void 0, when);
   React.useEffect(() => {
     if (blocker.state === "blocked") {
       let proceed = window.confirm(message);
@@ -987,21 +1029,21 @@ function usePrompt({
   }, [blocker, when]);
 }
 function useViewTransitionState(to, { relative } = {}) {
-  let vtContext = React.useContext(_chunkEAIF67OWjs.ViewTransitionContext);
-  _chunkEAIF67OWjs.invariant.call(void 0, 
+  let vtContext = React.useContext(_chunkC7S4I3K5js.ViewTransitionContext);
+  _chunkC7S4I3K5js.invariant.call(void 0, 
     vtContext != null,
     "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
   );
   let { basename } = useDataRouterContext(
     "useViewTransitionState" /* useViewTransitionState */
   );
-  let path = _chunkEAIF67OWjs.useResolvedPath.call(void 0, to, { relative });
+  let path = _chunkC7S4I3K5js.useResolvedPath.call(void 0, to, { relative });
   if (!vtContext.isTransitioning) {
     return false;
   }
-  let currentPath = _chunkEAIF67OWjs.stripBasename.call(void 0, vtContext.currentLocation.pathname, basename) || vtContext.currentLocation.pathname;
-  let nextPath = _chunkEAIF67OWjs.stripBasename.call(void 0, vtContext.nextLocation.pathname, basename) || vtContext.nextLocation.pathname;
-  return _chunkEAIF67OWjs.matchPath.call(void 0, path.pathname, nextPath) != null || _chunkEAIF67OWjs.matchPath.call(void 0, path.pathname, currentPath) != null;
+  let currentPath = _chunkC7S4I3K5js.stripBasename.call(void 0, vtContext.currentLocation.pathname, basename) || vtContext.currentLocation.pathname;
+  let nextPath = _chunkC7S4I3K5js.stripBasename.call(void 0, vtContext.nextLocation.pathname, basename) || vtContext.nextLocation.pathname;
+  return _chunkC7S4I3K5js.matchPath.call(void 0, path.pathname, nextPath) != null || _chunkC7S4I3K5js.matchPath.call(void 0, path.pathname, currentPath) != null;
 }
 
 // lib/dom/server.tsx
@@ -1012,7 +1054,7 @@ function StaticRouter({
   location: locationProp = "/"
 }) {
   if (typeof locationProp === "string") {
-    locationProp = _chunkEAIF67OWjs.parsePath.call(void 0, locationProp);
+    locationProp = _chunkC7S4I3K5js.parsePath.call(void 0, locationProp);
   }
   let action = "POP" /* Pop */;
   let location = {
@@ -1024,14 +1066,15 @@ function StaticRouter({
   };
   let staticNavigator = getStatelessNavigator();
   return /* @__PURE__ */ React2.createElement(
-    _chunkEAIF67OWjs.Router,
+    _chunkC7S4I3K5js.Router,
     {
       basename,
       children,
       location,
       navigationType: action,
       navigator: staticNavigator,
-      static: true
+      static: true,
+      unstable_useTransitions: false
     }
   );
 }
@@ -1041,7 +1084,7 @@ function StaticRouterProvider({
   hydrate = true,
   nonce
 }) {
-  _chunkEAIF67OWjs.invariant.call(void 0, 
+  _chunkC7S4I3K5js.invariant.call(void 0, 
     router && context,
     "You must provide `router` and `context` to <StaticRouterProvider>"
   );
@@ -1064,14 +1107,15 @@ function StaticRouterProvider({
     hydrateScript = `window.__staticRouterHydrationData = JSON.parse(${json});`;
   }
   let { state } = dataRouterContext.router;
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(_chunkEAIF67OWjs.DataRouterContext.Provider, { value: dataRouterContext }, /* @__PURE__ */ React2.createElement(_chunkEAIF67OWjs.DataRouterStateContext.Provider, { value: state }, /* @__PURE__ */ React2.createElement(_chunkEAIF67OWjs.FetchersContext.Provider, { value: fetchersContext }, /* @__PURE__ */ React2.createElement(_chunkEAIF67OWjs.ViewTransitionContext.Provider, { value: { isTransitioning: false } }, /* @__PURE__ */ React2.createElement(
-    _chunkEAIF67OWjs.Router,
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(_chunkC7S4I3K5js.DataRouterContext.Provider, { value: dataRouterContext }, /* @__PURE__ */ React2.createElement(_chunkC7S4I3K5js.DataRouterStateContext.Provider, { value: state }, /* @__PURE__ */ React2.createElement(_chunkC7S4I3K5js.FetchersContext.Provider, { value: fetchersContext }, /* @__PURE__ */ React2.createElement(_chunkC7S4I3K5js.ViewTransitionContext.Provider, { value: { isTransitioning: false } }, /* @__PURE__ */ React2.createElement(
+    _chunkC7S4I3K5js.Router,
     {
       basename: dataRouterContext.basename,
       location: state.location,
       navigationType: state.historyAction,
       navigator: dataRouterContext.navigator,
-      static: dataRouterContext.static
+      static: dataRouterContext.static,
+      unstable_useTransitions: false
     },
     /* @__PURE__ */ React2.createElement(
       DataRoutes,
@@ -1095,14 +1139,14 @@ function DataRoutes({
   future,
   state
 }) {
-  return _chunkEAIF67OWjs.useRoutesImpl.call(void 0, routes, void 0, state, void 0, future);
+  return _chunkC7S4I3K5js.useRoutesImpl.call(void 0, routes, void 0, state, void 0, future);
 }
 function serializeErrors(errors) {
   if (!errors) return null;
   let entries = Object.entries(errors);
   let serialized = {};
   for (let [key, val] of entries) {
-    if (_chunkEAIF67OWjs.isRouteErrorResponse.call(void 0, val)) {
+    if (_chunkC7S4I3K5js.isRouteErrorResponse.call(void 0, val)) {
       serialized[key] = { ...val, __type: "RouteErrorResponse" };
     } else if (val instanceof Error) {
       serialized[key] = {
@@ -1152,16 +1196,16 @@ function getStatelessNavigator() {
   };
 }
 function createStaticHandler2(routes, opts) {
-  return _chunkEAIF67OWjs.createStaticHandler.call(void 0, routes, {
+  return _chunkC7S4I3K5js.createStaticHandler.call(void 0, routes, {
     ...opts,
-    mapRouteProperties: _chunkEAIF67OWjs.mapRouteProperties
+    mapRouteProperties: _chunkC7S4I3K5js.mapRouteProperties
   });
 }
 function createStaticRouter(routes, context, opts = {}) {
   let manifest = {};
-  let dataRoutes = _chunkEAIF67OWjs.convertRoutesToDataRoutes.call(void 0, 
+  let dataRoutes = _chunkC7S4I3K5js.convertRoutesToDataRoutes.call(void 0, 
     routes,
-    _chunkEAIF67OWjs.mapRouteProperties,
+    _chunkC7S4I3K5js.mapRouteProperties,
     void 0,
     manifest
   );
@@ -1192,7 +1236,7 @@ function createStaticRouter(routes, context, opts = {}) {
         actionData: context.actionData,
         errors: context.errors,
         initialized: true,
-        navigation: _chunkEAIF67OWjs.IDLE_NAVIGATION,
+        navigation: _chunkC7S4I3K5js.IDLE_NAVIGATION,
         restoreScrollPosition: null,
         preventScrollReset: false,
         revalidation: "idle",
@@ -1227,7 +1271,7 @@ function createStaticRouter(routes, context, opts = {}) {
     createHref,
     encodeLocation,
     getFetcher() {
-      return _chunkEAIF67OWjs.IDLE_FETCHER;
+      return _chunkC7S4I3K5js.IDLE_FETCHER;
     },
     deleteFetcher() {
       throw msg("deleteFetcher");
@@ -1239,7 +1283,7 @@ function createStaticRouter(routes, context, opts = {}) {
       throw msg("dispose");
     },
     getBlocker() {
-      return _chunkEAIF67OWjs.IDLE_BLOCKER;
+      return _chunkC7S4I3K5js.IDLE_BLOCKER;
     },
     deleteBlocker() {
       throw msg("deleteBlocker");
@@ -1257,10 +1301,10 @@ function createStaticRouter(routes, context, opts = {}) {
   };
 }
 function createHref(to) {
-  return typeof to === "string" ? to : _chunkEAIF67OWjs.createPath.call(void 0, to);
+  return typeof to === "string" ? to : _chunkC7S4I3K5js.createPath.call(void 0, to);
 }
 function encodeLocation(to) {
-  let href = typeof to === "string" ? to : _chunkEAIF67OWjs.createPath.call(void 0, to);
+  let href = typeof to === "string" ? to : _chunkC7S4I3K5js.createPath.call(void 0, to);
   href = href.replace(/ $/, "%20");
   let encoded = ABSOLUTE_URL_REGEX2.test(href) ? new URL(href) : new URL(href, "http://localhost");
   return {