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

Comparing version 6.4.0-pre.6 to 6.4.0-pre.7

CHANGELOG.md

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

dist/index.js

 /**
- * React Router DOM v5 Compat v6.4.0-pre.6
+ * React Router DOM v5 Compat v6.4.0-pre.7
  *
@@ -191,3 +191,3 @@ * Copyright (c) Remix Software Inc.
       _excluded2 = ["aria-current", "caseSensitive", "className", "end", "style", "to", "children"],
-      _excluded3 = ["replace", "method", "action", "onSubmit", "fetcherKey"];
+      _excluded3 = ["replace", "method", "action", "onSubmit", "fetcherKey", "routeId"];
 /**
@@ -430,7 +430,8 @@ * A `<Router>` for use in web browsers. Provides the cleanest URLs.
     onSubmit,
-    fetcherKey
+    fetcherKey,
+    routeId
   } = _ref8,
       props = _objectWithoutPropertiesLoose(_ref8, _excluded3);
 
-  let submit = useSubmitImpl(fetcherKey);
+  let submit = useSubmitImpl(fetcherKey, routeId);
   let formMethod = method.toLowerCase() === "get" ? "get" : "post";
@@ -516,3 +517,3 @@ let formAction = useFormAction(action);
 
-function useSubmitImpl(fetcherKey) {
+function useSubmitImpl(fetcherKey, routeId) {
   let router = React.useContext(UNSAFE_DataRouterContext);
@@ -548,7 +549,8 @@ let defaultAction = useFormAction();
     if (fetcherKey) {
-      router.fetch(fetcherKey, href, opts);
+      !(routeId != null) ? process.env.NODE_ENV !== "production" ? invariant(false, "No routeId available for useFetcher()") : invariant(false) : void 0;
+      router.fetch(fetcherKey, routeId, href, opts);
     } else {
       router.navigate(href, opts);
     }
-  }, [defaultAction, router, fetcherKey]);
+  }, [defaultAction, router, fetcherKey, routeId]);
 }
@@ -600,6 +602,9 @@
   let {
+    location,
     path
   } = props;
   if (!props.exact) path += "/*";
-  return /*#__PURE__*/React.createElement(Routes, null, /*#__PURE__*/React.createElement(Route, {
+  return /*#__PURE__*/React.createElement(Routes, {
+    location: location
+  }, /*#__PURE__*/React.createElement(Route, {
     path: path,
@@ -606,0 +611,0 @@ element: /*#__PURE__*/React.createElement(Route$1, _extends({}, props))

dist/main.js

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

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

@@ -15,3 +15,3 @@ /**
 /** @internal */
-export { UNSAFE_NavigationContext, UNSAFE_LocationContext, UNSAFE_RouteContext, UNSAFE_DataRouterContext, UNSAFE_DataRouterStateContext, UNSAFE_resetModuleScope, useRenderDataRouter, } from "react-router";
+export { UNSAFE_NavigationContext, UNSAFE_LocationContext, UNSAFE_RouteContext, UNSAFE_DataRouterContext, UNSAFE_DataRouterStateContext, useRenderDataRouter, } from "react-router";
 export interface DataBrowserRouterProps {
@@ -184,5 +184,5 @@ children?: React.ReactNode;
 export declare function useSubmit(): SubmitFunction;
-declare function useSubmitImpl(fetcherKey?: string): SubmitFunction;
+declare function useSubmitImpl(fetcherKey?: string, routeId?: string): SubmitFunction;
 export declare function useFormAction(action?: string): string;
-declare function createFetcherForm(fetcherKey: string): React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
+declare function createFetcherForm(fetcherKey: string, routeId: string): React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
 declare type FetcherWithComponents<TData> = Fetcher<TData> & {
@@ -189,0 +189,0 @@ Form: ReturnType<typeof createFetcherForm>;

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

 /**
- * React Router DOM v5 Compat v6.4.0-pre.6
+ * React Router DOM v5 Compat v6.4.0-pre.7
  *
@@ -210,3 +210,3 @@ * Copyright (c) Remix Software Inc.
         _excluded2 = ["aria-current", "caseSensitive", "className", "end", "style", "to", "children"],
-        _excluded3 = ["replace", "method", "action", "onSubmit", "fetcherKey"];
+        _excluded3 = ["replace", "method", "action", "onSubmit", "fetcherKey", "routeId"];
 
@@ -447,7 +447,8 @@ /**
       onSubmit,
-      fetcherKey
+      fetcherKey,
+      routeId
     } = _ref8,
         props = _objectWithoutPropertiesLoose(_ref8, _excluded3);
 
-    let submit = useSubmitImpl(fetcherKey);
+    let submit = useSubmitImpl(fetcherKey, routeId);
     let formMethod = method.toLowerCase() === "get" ? "get" : "post";
@@ -531,3 +532,3 @@ let formAction = useFormAction(action);
 
-  function useSubmitImpl(fetcherKey) {
+  function useSubmitImpl(fetcherKey, routeId) {
     let router$1 = React__namespace.useContext(reactRouter.UNSAFE_DataRouterContext);
@@ -563,7 +564,8 @@ let defaultAction = useFormAction();
       if (fetcherKey) {
-        router$1.fetch(fetcherKey, href, opts);
+        !(routeId != null) ? router.invariant(false, "No routeId available for useFetcher()")  : void 0;
+        router$1.fetch(fetcherKey, routeId, href, opts);
       } else {
         router$1.navigate(href, opts);
       }
-    }, [defaultAction, router$1, fetcherKey]);
+    }, [defaultAction, router$1, fetcherKey, routeId]);
   }
@@ -615,6 +617,9 @@
     let {
+      location,
       path
     } = props;
     if (!props.exact) path += "/*";
-    return /*#__PURE__*/React__namespace.createElement(reactRouter.Routes, null, /*#__PURE__*/React__namespace.createElement(reactRouter.Route, {
+    return /*#__PURE__*/React__namespace.createElement(reactRouter.Routes, {
+      location: location
+    }, /*#__PURE__*/React__namespace.createElement(reactRouter.Route, {
       path: path,
@@ -621,0 +626,0 @@ element: /*#__PURE__*/React__namespace.createElement(reactRouterDom.Route, props)

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

 /**
- * React Router DOM v5 Compat v6.4.0-pre.6
+ * React Router DOM v5 Compat v6.4.0-pre.7
  *
@@ -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{path:t}=e;return e.exact||(t+="/*"),i.createElement(r.Routes,null,i.createElement(r.Route,{path:t,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: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})}));
 //# sourceMappingURL=react-router-dom-v5-compat.production.min.js.map

package.json

 {
   "name": "react-router-dom-v5-compat",
-  "version": "6.4.0-pre.6",
+  "version": "6.4.0-pre.7",
   "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.6"
+    "react-router": "6.4.0-pre.7"
   },
@@ -30,0 +30,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

261203

increased by1.31%

Lines of code

1778

increased by0.57%

Worsened metrics

Number of low supply chain risk alerts

11

increased by10%

Dependency changes

• + Added@remix-run/router@0.2.0-pre.2(transitive)

• + Addedreact-router@6.4.0-pre.7(transitive)

• - Removed@remix-run/router@0.2.0-pre.1(transitive)

• - Removedreact-router@6.4.0-pre.6(transitive)

• Updatedreact-router@6.4.0-pre.7