react-router-dom-v5-compat - npm Package Compare versions

Comparing version 6.4.0-pre.9 to 6.4.0-pre.10

CHANGELOG.md

 # react-router-dom-v5-compat
 
+## 6.4.0-pre.10
+
+### Patch Changes
+
+- Updated dependencies
+  - react-router@6.4.0-pre.10
+  - react-router-dom@6.4.0-pre.10
+
 ## 6.4.0-pre.9
@@ -4,0 +12,0 @@

dist/index.js

 /**
- * React Router DOM v5 Compat v6.4.0-pre.9
+ * React Router DOM v5 Compat v6.4.0-pre.10
  *
@@ -191,3 +191,3 @@ * Copyright (c) Remix Software Inc.
       _excluded2 = ["aria-current", "caseSensitive", "className", "end", "style", "to", "children"],
-      _excluded3 = ["replace", "method", "action", "onSubmit", "fetcherKey", "routeId"];
+      _excluded3 = ["reloadDocument", "replace", "method", "action", "onSubmit", "fetcherKey", "routeId"];
 /**
@@ -317,3 +317,3 @@ * A `<Router>` for use in web browsers. Provides the cleanest URLs.
 
-    if (!event.defaultPrevented && !reloadDocument) {
+    if (!event.defaultPrevented) {
       internalOnClick(event);
@@ -328,3 +328,3 @@ }
       href: href,
-      onClick: handleClick,
+      onClick: reloadDocument ? onClick : handleClick,
       ref: ref,
@@ -428,2 +428,3 @@ target: target
   let {
+    reloadDocument,
     replace,
@@ -457,3 +458,3 @@ method = defaultMethod,
     action: formAction,
-    onSubmit: submitHandler
+    onSubmit: reloadDocument ? onSubmit : submitHandler
   }, props));
@@ -521,3 +522,7 @@ });
 function useSubmitImpl(fetcherKey, routeId) {
-  let router = React.useContext(UNSAFE_DataRouterContext);
+  let dataRouterContext = React.useContext(UNSAFE_DataRouterContext);
+  !dataRouterContext ? process.env.NODE_ENV !== "production" ? invariant(false, "useSubmitImpl must be used within a Data Router") : invariant(false) : void 0;
+  let {
+    router
+  } = dataRouterContext;
   let defaultAction = useFormAction();
@@ -529,4 +534,2 @@ return React.useCallback(function (target, options) {
 
-    !(router != null) ? process.env.NODE_ENV !== "production" ? invariant(false, "useSubmit() must be used within a <DataRouter>") : invariant(false) : void 0;
-
     if (typeof document === "undefined") {
@@ -533,0 +536,0 @@ throw new Error("You are calling submit during the server render. " + "Try calling submit within a `useEffect` or callback instead.");

dist/main.js

 /**
- * React Router DOM v5 Compat v6.4.0-pre.9
+ * React Router DOM v5 Compat v6.4.0-pre.10
  *
@@ -4,0 +4,0 @@ * Copyright (c) Remix Software Inc.

dist/react-router-dom/index.d.ts

@@ -6,12 +6,20 @@ /**
 import * as React from "react";
-import type { NavigateOptions, To } from "react-router";
-import type { Fetcher, FormMethod, GetScrollRestorationKeyFunction, History, HydrationState, RouteObject } from "@remix-run/router";
+import { NavigateOptions, To } from "react-router";
+import type { Fetcher, FormEncType, FormMethod, GetScrollRestorationKeyFunction, History, HydrationState, RouteObject } from "@remix-run/router";
 import type { SubmitOptions, ParamKeyValuePair, URLSearchParamsInit } from "./dom";
 import { createSearchParams } from "./dom";
-export type { ParamKeyValuePair, URLSearchParamsInit };
+export type { FormEncType, FormMethod, ParamKeyValuePair, SubmitOptions, URLSearchParamsInit, };
 export { createSearchParams };
-export type { ActionFunction, ActionFunctionArgs, DataMemoryRouterProps, DataRouteMatch, Deferrable, DeferredProps, Fetcher, Hash, IndexRouteProps, JsonFunction, LayoutRouteProps, LoaderFunction, LoaderFunctionArgs, Location, MemoryRouterProps, NavigateFunction, NavigateOptions, NavigateProps, Navigation, Navigator, OutletProps, Params, ParamParseKey, Path, PathMatch, Pathname, PathPattern, PathRouteProps, RedirectFunction, RouteMatch, RouteObject, RouteProps, RouterProps, RoutesProps, Search, ShouldRevalidateFunction, To, } from "react-router";
+export type { ActionFunction, ActionFunctionArgs, DataMemoryRouterProps, DataRouteMatch, DeferredProps, Fetcher, Hash, IndexRouteProps, JsonFunction, LayoutRouteProps, LoaderFunction, LoaderFunctionArgs, Location, MemoryRouterProps, NavigateFunction, NavigateOptions, NavigateProps, Navigation, Navigator, OutletProps, Params, ParamParseKey, Path, PathMatch, Pathname, PathPattern, PathRouteProps, RedirectFunction, RouteMatch, RouteObject, RouteProps, RouterProps, RoutesProps, Search, ShouldRevalidateFunction, To, } from "react-router";
 export { DataMemoryRouter, Deferred, MemoryRouter, Navigate, NavigationType, Outlet, Route, Router, Routes, createPath, createRoutesFromChildren, deferred, isDeferredError, isRouteErrorResponse, generatePath, json, matchPath, matchRoutes, parsePath, redirect, renderMatches, resolvePath, useActionData, useDeferredData, useHref, useInRouterContext, useLoaderData, useLocation, useMatch, useMatches, useNavigate, useNavigation, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRevalidator, useRouteError, useRouteLoaderData, useRoutes, } from "react-router";
 /** @internal */
-export { UNSAFE_NavigationContext, UNSAFE_LocationContext, UNSAFE_RouteContext, UNSAFE_DataRouterContext, UNSAFE_DataRouterStateContext, useRenderDataRouter, } from "react-router";
+export { UNSAFE_DataRouter, UNSAFE_DataRouterProvider, UNSAFE_DataRouterContext, UNSAFE_DataRouterStateContext, UNSAFE_DataStaticRouterContext, UNSAFE_NavigationContext, UNSAFE_LocationContext, UNSAFE_RouteContext, } from "react-router";
+declare global {
+    var __staticRouterHydrationData: HydrationState | undefined;
+}
+/**
+ * Unit-testing-only function to reset the router between tests
+ * @private
+ */
+export declare function _resetModuleScope(): void;
 export interface DataBrowserRouterProps {
@@ -25,3 +33,3 @@ basename?: string;
 }
-export declare function DataBrowserRouter({ basename, children, fallbackElement, hydrationData, routes, window, }: DataBrowserRouterProps): React.ReactElement;
+export declare function DataBrowserRouter({ basename, children, fallbackElement, hydrationData, routes, window: windowProp, }: DataBrowserRouterProps): React.ReactElement;
 export interface DataHashRouterProps {
@@ -35,3 +43,3 @@ basename?: string;
 }
-export declare function DataHashRouter({ basename, children, hydrationData, fallbackElement, routes, window, }: DataBrowserRouterProps): React.ReactElement;
+export declare function DataHashRouter({ basename, children, hydrationData, fallbackElement, routes, window: windowProp, }: DataBrowserRouterProps): React.ReactElement;
 export interface BrowserRouterProps {
@@ -114,2 +122,6 @@ basename?: string;
     /**
+     * Forces a full document navigation instead of a fetch.
+     */
+    reloadDocument?: boolean;
+    /**
      * Replaces the current entry in the browser history stack when the form
@@ -192,3 +204,3 @@ * navigates. Use this if you don't want the user to be able to click "back"
 declare function createFetcherForm(fetcherKey: string, routeId: string): React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
-declare type FetcherWithComponents<TData> = Fetcher<TData> & {
+export declare type FetcherWithComponents<TData> = Fetcher<TData> & {
     Form: ReturnType<typeof createFetcherForm>;
@@ -195,0 +207,0 @@ submit: ReturnType<typeof useSubmitImpl>;

dist/umd/react-router-dom-v5-compat.development.js

 /**
- * React Router DOM v5 Compat v6.4.0-pre.9
+ * React Router DOM v5 Compat v6.4.0-pre.10
  *
@@ -210,3 +210,3 @@ * Copyright (c) Remix Software Inc.
         _excluded2 = ["aria-current", "caseSensitive", "className", "end", "style", "to", "children"],
-        _excluded3 = ["replace", "method", "action", "onSubmit", "fetcherKey", "routeId"];
+        _excluded3 = ["reloadDocument", "replace", "method", "action", "onSubmit", "fetcherKey", "routeId"];
 
@@ -336,3 +336,3 @@ /**
 
-      if (!event.defaultPrevented && !reloadDocument) {
+      if (!event.defaultPrevented) {
         internalOnClick(event);
@@ -347,3 +347,3 @@ }
         href: href,
-        onClick: handleClick,
+        onClick: reloadDocument ? onClick : handleClick,
         ref: ref,
@@ -445,2 +445,3 @@ target: target
     let {
+      reloadDocument,
       replace,
@@ -474,3 +475,3 @@ method = defaultMethod,
       action: formAction,
-      onSubmit: submitHandler
+      onSubmit: reloadDocument ? onSubmit : submitHandler
     }, props));
@@ -536,3 +537,7 @@ });
   function useSubmitImpl(fetcherKey, routeId) {
-    let router$1 = React__namespace.useContext(reactRouter.UNSAFE_DataRouterContext);
+    let dataRouterContext = React__namespace.useContext(reactRouter.UNSAFE_DataRouterContext);
+    !dataRouterContext ? router.invariant(false, "useSubmitImpl must be used within a Data Router")  : void 0;
+    let {
+      router: router$1
+    } = dataRouterContext;
     let defaultAction = useFormAction();
@@ -544,4 +549,2 @@ return React__namespace.useCallback(function (target, options) {
 
-      !(router$1 != null) ? router.invariant(false, "useSubmit() must be used within a <DataRouter>")  : void 0;
-
       if (typeof document === "undefined") {
@@ -548,0 +551,0 @@ throw new Error("You are calling submit during the server render. " + "Try calling submit within a `useEffect` or callback instead.");

dist/umd/react-router-dom-v5-compat.production.min.js

 /**
- * React Router DOM v5 Compat v6.4.0-pre.9
+ * React Router DOM v5 Compat v6.4.0-pre.10
  *
@@ -11,3 +11,3 @@ * Copyright (c) Remix Software Inc.
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-router"),require("@remix-run/router"),require("history"),require("react-router-dom")):"function"==typeof define&&define.amd?define(["exports","react","react-router","@remix-run/router","history","react-router-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactRouterDOMv5Compat={},e.React,e.ReactRouter,e.Router,e.HistoryLibrary,e.ReactRouterDOM)}(this,(function(e,t,r,n,a,o){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=u(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}function s(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}function l(e){return void 0===e&&(e=""),new URLSearchParams("string"==typeof e||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce(((t,r)=>{let n=e[r];return t.concat(Array.isArray(n)?n.map((e=>[r,e])):[[r,n]])}),[]))}const f=["onClick","reloadDocument","replace","state","target","to","resetScroll"],p=["aria-current","caseSensitive","className","end","style","to","children"];const d=i.forwardRef((function(e,t){let{onClick:n,reloadDocument:a,replace:o,state:u,target:l,to:p,resetScroll:d}=e,h=s(e,f),b=r.useHref(p),y=m(p,{replace:o,state:u,target:l,resetScroll:d});return i.createElement("a",c({},h,{href:b,onClick:function(e){n&&n(e),e.defaultPrevented||a||y(e)},ref:t,target:l}))})),h=i.forwardRef((function(e,t){let a,{"aria-current":o="page",caseSensitive:u=!1,className:l="",end:f=!1,style:h,to:m,children:b}=e,y=s(e,p),g=r.useResolvedPath(m),v=r.useMatch({path:g.pathname,end:f,caseSensitive:u}),P=i.useContext(r.UNSAFE_DataRouterStateContext),R=null==P?void 0:P.navigation.location,O=r.useResolvedPath(R||""),j=null!=i.useMemo((()=>R?n.matchPath({path:g.pathname,end:f,caseSensitive:u},O.pathname):null),[R,g.pathname,u,f,O.pathname]),w=null!=v,E=w?o:void 0;a="function"==typeof l?l({isActive:w,isPending:j}):[l,w?"active":null,j?"pending":null].filter(Boolean).join(" ");let S="function"==typeof h?h({isActive:w,isPending:j}):h;return i.createElement(d,c({},y,{"aria-current":E,className:a,ref:t,style:S,to:m}),"function"==typeof b?b({isActive:w,isPending:j}):b)}));function m(e,t){let{target:n,replace:a,state:o,resetScroll:u}=void 0===t?{}:t,c=r.useNavigate(),s=r.useLocation(),l=r.useResolvedPath(e);return i.useCallback((t=>{if(function(e,t){return!(0!==e.button||t&&"_self"!==t||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e))}(t,n)){t.preventDefault();let n=void 0!==a?a:r.createPath(s)===r.createPath(l);c(e,{replace:n,state:o,resetScroll:u})}}),[s,c,l,a,o,n,e,u])}Object.defineProperty(e,"MemoryRouter",{enumerable:!0,get:function(){return r.MemoryRouter}}),Object.defineProperty(e,"Navigate",{enumerable:!0,get:function(){return r.Navigate}}),Object.defineProperty(e,"NavigationType",{enumerable:!0,get:function(){return r.NavigationType}}),Object.defineProperty(e,"Outlet",{enumerable:!0,get:function(){return r.Outlet}}),Object.defineProperty(e,"Route",{enumerable:!0,get:function(){return r.Route}}),Object.defineProperty(e,"Router",{enumerable:!0,get:function(){return r.Router}}),Object.defineProperty(e,"Routes",{enumerable:!0,get:function(){return r.Routes}}),Object.defineProperty(e,"UNSAFE_LocationContext",{enumerable:!0,get:function(){return r.UNSAFE_LocationContext}}),Object.defineProperty(e,"UNSAFE_NavigationContext",{enumerable:!0,get:function(){return r.UNSAFE_NavigationContext}}),Object.defineProperty(e,"UNSAFE_RouteContext",{enumerable:!0,get:function(){return r.UNSAFE_RouteContext}}),Object.defineProperty(e,"createPath",{enumerable:!0,get:function(){return r.createPath}}),Object.defineProperty(e,"createRoutesFromChildren",{enumerable:!0,get:function(){return r.createRoutesFromChildren}}),Object.defineProperty(e,"generatePath",{enumerable:!0,get:function(){return r.generatePath}}),Object.defineProperty(e,"matchPath",{enumerable:!0,get:function(){return r.matchPath}}),Object.defineProperty(e,"matchRoutes",{enumerable:!0,get:function(){return r.matchRoutes}}),Object.defineProperty(e,"parsePath",{enumerable:!0,get:function(){return r.parsePath}}),Object.defineProperty(e,"renderMatches",{enumerable:!0,get:function(){return r.renderMatches}}),Object.defineProperty(e,"resolvePath",{enumerable:!0,get:function(){return r.resolvePath}}),Object.defineProperty(e,"useHref",{enumerable:!0,get:function(){return r.useHref}}),Object.defineProperty(e,"useInRouterContext",{enumerable:!0,get:function(){return r.useInRouterContext}}),Object.defineProperty(e,"useLocation",{enumerable:!0,get:function(){return r.useLocation}}),Object.defineProperty(e,"useMatch",{enumerable:!0,get:function(){return r.useMatch}}),Object.defineProperty(e,"useNavigate",{enumerable:!0,get:function(){return r.useNavigate}}),Object.defineProperty(e,"useNavigationType",{enumerable:!0,get:function(){return r.useNavigationType}}),Object.defineProperty(e,"useOutlet",{enumerable:!0,get:function(){return r.useOutlet}}),Object.defineProperty(e,"useOutletContext",{enumerable:!0,get:function(){return r.useOutletContext}}),Object.defineProperty(e,"useParams",{enumerable:!0,get:function(){return r.useParams}}),Object.defineProperty(e,"useResolvedPath",{enumerable:!0,get:function(){return r.useResolvedPath}}),Object.defineProperty(e,"useRoutes",{enumerable:!0,get:function(){return r.useRoutes}}),e.BrowserRouter=function(e){let{basename:t,children:a,window:o}=e,u=i.useRef();null==u.current&&(u.current=n.createBrowserHistory({window:o,v5Compat:!0}));let c=u.current,[s,l]=i.useState({action:c.action,location:c.location});return i.useLayoutEffect((()=>c.listen(l)),[c]),i.createElement(r.Router,{basename:t,children:a,location:s.location,navigationType:s.action,navigator:c})},e.CompatRoute=function(e){let{location:t,path:n}=e;return e.exact||(n+="/*"),i.createElement(r.Routes,{location:t},i.createElement(r.Route,{path:n,element:i.createElement(o.Route,e)}))},e.CompatRouter=function(e){let{children:t}=e,n=o.useHistory(),[a,u]=i.useState((()=>({location:n.location,action:n.action})));return i.useLayoutEffect((()=>{n.listen(((e,t)=>u({location:e,action:t})))}),[n]),i.createElement(r.Router,{navigationType:a.action,location:a.location,navigator:n},i.createElement(r.Routes,null,i.createElement(r.Route,{path:"*",element:t})))},e.HashRouter=function(e){let{basename:t,children:a,window:o}=e,u=i.useRef();null==u.current&&(u.current=n.createHashHistory({window:o,v5Compat:!0}));let c=u.current,[s,l]=i.useState({action:c.action,location:c.location});return i.useLayoutEffect((()=>c.listen(l)),[c]),i.createElement(r.Router,{basename:t,children:a,location:s.location,navigationType:s.action,navigator:c})},e.Link=d,e.NavLink=h,e.StaticRouter=function(e){let{basename:t,children:n,location:o="/"}=e;"string"==typeof o&&(o=a.parsePath(o));let u=a.Action.Pop,c={pathname:o.pathname||"/",search:o.search||"",hash:o.hash||"",state:o.state||null,key:o.key||"default"},s={createHref:e=>"string"==typeof e?e:a.createPath(e),push(e){throw new Error("You cannot use navigator.push() on the server because it is a stateless environment. This error was probably triggered when you did a `navigate("+JSON.stringify(e)+")` somewhere in your app.")},replace(e){throw new Error("You cannot use navigator.replace() on the server because it is a stateless environment. This error was probably triggered when you did a `navigate("+JSON.stringify(e)+", { replace: true })` somewhere in your app.")},go(e){throw new Error("You cannot use navigator.go() on the server because it is a stateless environment. This error was probably triggered when you did a `navigate("+e+")` somewhere in your app.")},back(){throw new Error("You cannot use navigator.back() on the server because it is a stateless environment.")},forward(){throw new Error("You cannot use navigator.forward() on the server because it is a stateless environment.")}};return i.createElement(r.Router,{basename:t,children:n,location:c,navigationType:u,navigator:s,static:!0})},e.createSearchParams=l,e.unstable_HistoryRouter=function(e){let{basename:t,children:n,history:a}=e;const[o,u]=i.useState({action:a.action,location:a.location});return i.useLayoutEffect((()=>a.listen(u)),[a]),i.createElement(r.Router,{basename:t,children:n,location:o.location,navigationType:o.action,navigator:a})},e.useLinkClickHandler=m,e.useSearchParams=function(e){let t=i.useRef(l(e)),n=r.useLocation(),a=i.useMemo((()=>function(e,t){let r=l(e);for(let e of t.keys())r.has(e)||t.getAll(e).forEach((t=>{r.append(e,t)}));return r}(n.search,t.current)),[n.search]),o=r.useNavigate(),u=i.useCallback(((e,t)=>{const r=l("function"==typeof e?e(a):e);o("?"+r,t)}),[o,a]);return[a,u]},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-router"),require("@remix-run/router"),require("history"),require("react-router-dom")):"function"==typeof define&&define.amd?define(["exports","react","react-router","@remix-run/router","history","react-router-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactRouterDOMv5Compat={},e.React,e.ReactRouter,e.Router,e.HistoryLibrary,e.ReactRouterDOM)}(this,(function(e,t,r,n,a,o){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=u(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}function s(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}function l(e){return void 0===e&&(e=""),new URLSearchParams("string"==typeof e||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce(((t,r)=>{let n=e[r];return t.concat(Array.isArray(n)?n.map((e=>[r,e])):[[r,n]])}),[]))}const f=["onClick","reloadDocument","replace","state","target","to","resetScroll"],p=["aria-current","caseSensitive","className","end","style","to","children"];const d=i.forwardRef((function(e,t){let{onClick:n,reloadDocument:a,replace:o,state:u,target:l,to:p,resetScroll:d}=e,h=s(e,f),b=r.useHref(p),y=m(p,{replace:o,state:u,target:l,resetScroll:d});return i.createElement("a",c({},h,{href:b,onClick:a?n:function(e){n&&n(e),e.defaultPrevented||y(e)},ref:t,target:l}))})),h=i.forwardRef((function(e,t){let a,{"aria-current":o="page",caseSensitive:u=!1,className:l="",end:f=!1,style:h,to:m,children:b}=e,y=s(e,p),g=r.useResolvedPath(m),v=r.useMatch({path:g.pathname,end:f,caseSensitive:u}),P=i.useContext(r.UNSAFE_DataRouterStateContext),R=null==P?void 0:P.navigation.location,O=r.useResolvedPath(R||""),j=null!=i.useMemo((()=>R?n.matchPath({path:g.pathname,end:f,caseSensitive:u},O.pathname):null),[R,g.pathname,u,f,O.pathname]),w=null!=v,E=w?o:void 0;a="function"==typeof l?l({isActive:w,isPending:j}):[l,w?"active":null,j?"pending":null].filter(Boolean).join(" ");let S="function"==typeof h?h({isActive:w,isPending:j}):h;return i.createElement(d,c({},y,{"aria-current":E,className:a,ref:t,style:S,to:m}),"function"==typeof b?b({isActive:w,isPending:j}):b)}));function m(e,t){let{target:n,replace:a,state:o,resetScroll:u}=void 0===t?{}:t,c=r.useNavigate(),s=r.useLocation(),l=r.useResolvedPath(e);return i.useCallback((t=>{if(function(e,t){return!(0!==e.button||t&&"_self"!==t||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e))}(t,n)){t.preventDefault();let n=void 0!==a?a:r.createPath(s)===r.createPath(l);c(e,{replace:n,state:o,resetScroll:u})}}),[s,c,l,a,o,n,e,u])}Object.defineProperty(e,"MemoryRouter",{enumerable:!0,get:function(){return r.MemoryRouter}}),Object.defineProperty(e,"Navigate",{enumerable:!0,get:function(){return r.Navigate}}),Object.defineProperty(e,"NavigationType",{enumerable:!0,get:function(){return r.NavigationType}}),Object.defineProperty(e,"Outlet",{enumerable:!0,get:function(){return r.Outlet}}),Object.defineProperty(e,"Route",{enumerable:!0,get:function(){return r.Route}}),Object.defineProperty(e,"Router",{enumerable:!0,get:function(){return r.Router}}),Object.defineProperty(e,"Routes",{enumerable:!0,get:function(){return r.Routes}}),Object.defineProperty(e,"UNSAFE_LocationContext",{enumerable:!0,get:function(){return r.UNSAFE_LocationContext}}),Object.defineProperty(e,"UNSAFE_NavigationContext",{enumerable:!0,get:function(){return r.UNSAFE_NavigationContext}}),Object.defineProperty(e,"UNSAFE_RouteContext",{enumerable:!0,get:function(){return r.UNSAFE_RouteContext}}),Object.defineProperty(e,"createPath",{enumerable:!0,get:function(){return r.createPath}}),Object.defineProperty(e,"createRoutesFromChildren",{enumerable:!0,get:function(){return r.createRoutesFromChildren}}),Object.defineProperty(e,"generatePath",{enumerable:!0,get:function(){return r.generatePath}}),Object.defineProperty(e,"matchPath",{enumerable:!0,get:function(){return r.matchPath}}),Object.defineProperty(e,"matchRoutes",{enumerable:!0,get:function(){return r.matchRoutes}}),Object.defineProperty(e,"parsePath",{enumerable:!0,get:function(){return r.parsePath}}),Object.defineProperty(e,"renderMatches",{enumerable:!0,get:function(){return r.renderMatches}}),Object.defineProperty(e,"resolvePath",{enumerable:!0,get:function(){return r.resolvePath}}),Object.defineProperty(e,"useHref",{enumerable:!0,get:function(){return r.useHref}}),Object.defineProperty(e,"useInRouterContext",{enumerable:!0,get:function(){return r.useInRouterContext}}),Object.defineProperty(e,"useLocation",{enumerable:!0,get:function(){return r.useLocation}}),Object.defineProperty(e,"useMatch",{enumerable:!0,get:function(){return r.useMatch}}),Object.defineProperty(e,"useNavigate",{enumerable:!0,get:function(){return r.useNavigate}}),Object.defineProperty(e,"useNavigationType",{enumerable:!0,get:function(){return r.useNavigationType}}),Object.defineProperty(e,"useOutlet",{enumerable:!0,get:function(){return r.useOutlet}}),Object.defineProperty(e,"useOutletContext",{enumerable:!0,get:function(){return r.useOutletContext}}),Object.defineProperty(e,"useParams",{enumerable:!0,get:function(){return r.useParams}}),Object.defineProperty(e,"useResolvedPath",{enumerable:!0,get:function(){return r.useResolvedPath}}),Object.defineProperty(e,"useRoutes",{enumerable:!0,get:function(){return r.useRoutes}}),e.BrowserRouter=function(e){let{basename:t,children:a,window:o}=e,u=i.useRef();null==u.current&&(u.current=n.createBrowserHistory({window:o,v5Compat:!0}));let c=u.current,[s,l]=i.useState({action:c.action,location:c.location});return i.useLayoutEffect((()=>c.listen(l)),[c]),i.createElement(r.Router,{basename:t,children:a,location:s.location,navigationType:s.action,navigator:c})},e.CompatRoute=function(e){let{location:t,path:n}=e;return e.exact||(n+="/*"),i.createElement(r.Routes,{location:t},i.createElement(r.Route,{path:n,element:i.createElement(o.Route,e)}))},e.CompatRouter=function(e){let{children:t}=e,n=o.useHistory(),[a,u]=i.useState((()=>({location:n.location,action:n.action})));return i.useLayoutEffect((()=>{n.listen(((e,t)=>u({location:e,action:t})))}),[n]),i.createElement(r.Router,{navigationType:a.action,location:a.location,navigator:n},i.createElement(r.Routes,null,i.createElement(r.Route,{path:"*",element:t})))},e.HashRouter=function(e){let{basename:t,children:a,window:o}=e,u=i.useRef();null==u.current&&(u.current=n.createHashHistory({window:o,v5Compat:!0}));let c=u.current,[s,l]=i.useState({action:c.action,location:c.location});return i.useLayoutEffect((()=>c.listen(l)),[c]),i.createElement(r.Router,{basename:t,children:a,location:s.location,navigationType:s.action,navigator:c})},e.Link=d,e.NavLink=h,e.StaticRouter=function(e){let{basename:t,children:n,location:o="/"}=e;"string"==typeof o&&(o=a.parsePath(o));let u=a.Action.Pop,c={pathname:o.pathname||"/",search:o.search||"",hash:o.hash||"",state:o.state||null,key:o.key||"default"},s={createHref:e=>"string"==typeof e?e:a.createPath(e),push(e){throw new Error("You cannot use navigator.push() on the server because it is a stateless environment. This error was probably triggered when you did a `navigate("+JSON.stringify(e)+")` somewhere in your app.")},replace(e){throw new Error("You cannot use navigator.replace() on the server because it is a stateless environment. This error was probably triggered when you did a `navigate("+JSON.stringify(e)+", { replace: true })` somewhere in your app.")},go(e){throw new Error("You cannot use navigator.go() on the server because it is a stateless environment. This error was probably triggered when you did a `navigate("+e+")` somewhere in your app.")},back(){throw new Error("You cannot use navigator.back() on the server because it is a stateless environment.")},forward(){throw new Error("You cannot use navigator.forward() on the server because it is a stateless environment.")}};return i.createElement(r.Router,{basename:t,children:n,location:c,navigationType:u,navigator:s,static:!0})},e.createSearchParams=l,e.unstable_HistoryRouter=function(e){let{basename:t,children:n,history:a}=e;const[o,u]=i.useState({action:a.action,location:a.location});return i.useLayoutEffect((()=>a.listen(u)),[a]),i.createElement(r.Router,{basename:t,children:n,location:o.location,navigationType:o.action,navigator:a})},e.useLinkClickHandler=m,e.useSearchParams=function(e){let t=i.useRef(l(e)),n=r.useLocation(),a=i.useMemo((()=>function(e,t){let r=l(e);for(let e of t.keys())r.has(e)||t.getAll(e).forEach((t=>{r.append(e,t)}));return r}(n.search,t.current)),[n.search]),o=r.useNavigate(),u=i.useCallback(((e,t)=>{const r=l("function"==typeof e?e(a):e);o("?"+r,t)}),[o,a]);return[a,u]},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=react-router-dom-v5-compat.production.min.js.map

package.json

 {
   "name": "react-router-dom-v5-compat",
-  "version": "6.4.0-pre.9",
+  "version": "6.4.0-pre.10",
   "description": "Migration path to React Router v6 from v4/5",
@@ -27,3 +27,3 @@ "keywords": [
     "history": "^5.3.0",
-    "react-router": "6.4.0-pre.9"
+    "react-router": "6.4.0-pre.10"
   },
@@ -30,0 +30,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

267959

2.47%

Lines of code

1797

1.13%

Dependency changes

• + Added

  @remix-run/router@0.2.0-pre.5
  (transitive)

• + Added

  react-router@6.4.0-pre.10
  (transitive)

• - Removed

  @remix-run/router@0.2.0-pre.4
  (transitive)

• - Removed

  react-router@6.4.0-pre.9
  (transitive)

• Updated

  react-router@6.4.0-pre.10