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

Comparing version 6.4.3 to 6.4.4-pre.0

CHANGELOG.md

 # `react-router-dom-v5-compat`
 
+## 6.4.4-pre.0
+
+### Patch Changes
+
+- Updated dependencies:
+  - `react-router-dom@6.4.4-pre.0`
+  - `react-router@6.4.4-pre.0`
+
 ## 6.4.3
@@ -4,0 +12,0 @@

dist/index.js

 /**
- * React Router DOM v5 Compat v6.4.3
+ * React Router DOM v5 Compat v6.4.4-pre.0
  *
@@ -12,3 +12,3 @@ * Copyright (c) Remix Software Inc.
 import * as React from 'react';
-import { Router, useHref, useResolvedPath, useLocation, UNSAFE_DataRouterStateContext, useNavigate, createPath, UNSAFE_NavigationContext, UNSAFE_RouteContext, UNSAFE_DataRouterContext, Routes, Route } from 'react-router';
+import { Router, useHref, useResolvedPath, useLocation, UNSAFE_DataRouterStateContext, UNSAFE_NavigationContext, useNavigate, createPath, UNSAFE_RouteContext, UNSAFE_DataRouterContext, Routes, Route } from 'react-router';
 export { MemoryRouter, Navigate, NavigationType, Outlet, Route, Router, Routes, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RouteContext, createPath, createRoutesFromChildren, generatePath, matchPath, matchRoutes, parsePath, renderMatches, resolvePath, useHref, useInRouterContext, useLocation, useMatch, useNavigate, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes } from 'react-router';
@@ -198,2 +198,3 @@ import { createBrowserHistory, createHashHistory, invariant, joinPaths } from '@remix-run/router';
 
+
 function BrowserRouter(_ref) {
@@ -365,3 +366,6 @@ let {
   let routerState = React.useContext(UNSAFE_DataRouterStateContext);
-  let toPathname = path.pathname;
+  let {
+    navigator
+  } = React.useContext(UNSAFE_NavigationContext);
+  let toPathname = navigator.encodeLocation(path).pathname;
   let locationPathname = location.pathname;
@@ -472,3 +476,3 @@ let nextLocationPathname = routerState && routerState.navigation && routerState.navigation.location ? routerState.navigation.location.pathname : null;
 if (process.env.NODE_ENV !== "production") {
-  Form.displayName = "Form";
+  FormImpl.displayName = "FormImpl";
 }
@@ -739,2 +743,11 @@
 
+    encodeLocation(to) {
+      let path = typeof to === "string" ? parsePath(to) : to;
+      return {
+        pathname: path.pathname || "",
+        search: path.search || "",
+        hash: path.hash || ""
+      };
+    },
+
     push(to) {
@@ -741,0 +754,0 @@ 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(to) + ")` somewhere in your app."));

dist/main.js

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

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

 /**
- * React Router DOM v5 Compat v6.4.3
+ * React Router DOM v5 Compat v6.4.4-pre.0
  *
@@ -216,2 +216,3 @@ * Copyright (c) Remix Software Inc.
 
+
   /**
@@ -385,3 +386,6 @@ * A `<Router>` for use in web browsers. Provides the cleanest URLs.
     let routerState = React__namespace.useContext(reactRouter.UNSAFE_DataRouterStateContext);
-    let toPathname = path.pathname;
+    let {
+      navigator
+    } = React__namespace.useContext(reactRouter.UNSAFE_NavigationContext);
+    let toPathname = navigator.encodeLocation(path).pathname;
     let locationPathname = location.pathname;
@@ -491,3 +495,3 @@ let nextLocationPathname = routerState && routerState.navigation && routerState.navigation.location ? routerState.navigation.location.pathname : null;
   {
-    Form.displayName = "Form";
+    FormImpl.displayName = "FormImpl";
   }
@@ -756,2 +760,11 @@ ////////////////////////////////////////////////////////////////////////////////
 
+      encodeLocation(to) {
+        let path = typeof to === "string" ? history.parsePath(to) : to;
+        return {
+          pathname: path.pathname || "",
+          search: path.search || "",
+          hash: path.hash || ""
+        };
+      },
+
       push(to) {
@@ -758,0 +771,0 @@ 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(to) + ")` somewhere in your app."));

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

 /**
- * React Router DOM v5 Compat v6.4.3
+ * React Router DOM v5 Compat v6.4.4-pre.0
  *
@@ -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.RemixRouter,e.HistoryLibrary,e.ReactRouterDOM)}(this,(function(e,t,r,n,a,o){"use strict";function i(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 u=i(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","relative","reloadDocument","replace","state","target","to","preventScrollReset"],p=["aria-current","caseSensitive","className","end","style","to","children"];const h=u.forwardRef((function(e,t){let{onClick:n,relative:a,reloadDocument:o,replace:i,state:l,target:p,to:h,preventScrollReset:m}=e,b=s(e,f),d=r.useHref(h,{relative:a}),y=g(h,{replace:i,state:l,target:p,preventScrollReset:m,relative:a});return u.createElement("a",c({},b,{href:d,onClick:o?n:function(e){n&&n(e),e.defaultPrevented||y(e)},ref:t,target:p}))})),m=u.forwardRef((function(e,t){let{"aria-current":n="page",caseSensitive:a=!1,className:o="",end:i=!1,style:l,to:f,children:m}=e,b=s(e,p),d=r.useResolvedPath(f,{relative:b.relative}),g=r.useLocation(),y=u.useContext(r.UNSAFE_DataRouterStateContext),v=d.pathname,R=g.pathname,P=y&&y.navigation&&y.navigation.location?y.navigation.location.pathname:null;a||(R=R.toLowerCase(),P=P?P.toLowerCase():null,v=v.toLowerCase());let O,j=R===v||!i&&R.startsWith(v)&&"/"===R.charAt(v.length),w=null!=P&&(P===v||!i&&P.startsWith(v)&&"/"===P.charAt(v.length)),S=j?n:void 0;O="function"==typeof o?o({isActive:j,isPending:w}):[o,j?"active":null,w?"pending":null].filter(Boolean).join(" ");let E="function"==typeof l?l({isActive:j,isPending:w}):l;return u.createElement(h,c({},b,{"aria-current":S,className:O,ref:t,style:E,to:f}),"function"==typeof m?m({isActive:j,isPending:w}):m)}));var b,d;function g(e,t){let{target:n,replace:a,state:o,preventScrollReset:i,relative:c}=void 0===t?{}:t,s=r.useNavigate(),l=r.useLocation(),f=r.useResolvedPath(e,{relative:c});return u.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(l)===r.createPath(f);s(e,{replace:n,state:o,preventScrollReset:i,relative:c})}}),[l,s,f,a,o,n,e,i,c])}!function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmitImpl="useSubmitImpl",e.UseFetcher="useFetcher"}(b||(b={})),function(e){e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"}(d||(d={})),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,i=u.useRef();null==i.current&&(i.current=n.createBrowserHistory({window:o,v5Compat:!0}));let c=i.current,[s,l]=u.useState({action:c.action,location:c.location});return u.useLayoutEffect((()=>c.listen(l)),[c]),u.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+="/*"),u.createElement(r.Routes,{location:t},u.createElement(r.Route,{path:n,element:u.createElement(o.Route,e)}))},e.CompatRouter=function(e){let{children:t}=e,n=o.useHistory(),[a,i]=u.useState((()=>({location:n.location,action:n.action})));return u.useLayoutEffect((()=>{n.listen(((e,t)=>i({location:e,action:t})))}),[n]),u.createElement(r.Router,{navigationType:a.action,location:a.location,navigator:n},u.createElement(r.Routes,null,u.createElement(r.Route,{path:"*",element:t})))},e.HashRouter=function(e){let{basename:t,children:a,window:o}=e,i=u.useRef();null==i.current&&(i.current=n.createHashHistory({window:o,v5Compat:!0}));let c=i.current,[s,l]=u.useState({action:c.action,location:c.location});return u.useLayoutEffect((()=>c.listen(l)),[c]),u.createElement(r.Router,{basename:t,children:a,location:s.location,navigationType:s.action,navigator:c})},e.Link=h,e.NavLink=m,e.StaticRouter=function(e){let{basename:t,children:n,location:o="/"}=e;"string"==typeof o&&(o=a.parsePath(o));let i=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 u.createElement(r.Router,{basename:t,children:n,location:c,navigationType:i,navigator:s,static:!0})},e.createSearchParams=l,e.unstable_HistoryRouter=function(e){let{basename:t,children:n,history:a}=e;const[o,i]=u.useState({action:a.action,location:a.location});return u.useLayoutEffect((()=>a.listen(i)),[a]),u.createElement(r.Router,{basename:t,children:n,location:o.location,navigationType:o.action,navigator:a})},e.useLinkClickHandler=g,e.useSearchParams=function(e){let t=u.useRef(l(e)),n=r.useLocation(),a=u.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(),i=u.useCallback(((e,t)=>{const r=l("function"==typeof e?e(a):e);o("?"+r,t)}),[o,a]);return[a,i]},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.RemixRouter,e.HistoryLibrary,e.ReactRouterDOM)}(this,(function(e,t,r,n,a,o){"use strict";function i(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 u=i(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","relative","reloadDocument","replace","state","target","to","preventScrollReset"],h=["aria-current","caseSensitive","className","end","style","to","children"];const p=u.forwardRef((function(e,t){let{onClick:n,relative:a,reloadDocument:o,replace:i,state:l,target:h,to:p,preventScrollReset:m}=e,d=s(e,f),b=r.useHref(p,{relative:a}),y=g(p,{replace:i,state:l,target:h,preventScrollReset:m,relative:a});return u.createElement("a",c({},d,{href:b,onClick:o?n:function(e){n&&n(e),e.defaultPrevented||y(e)},ref:t,target:h}))})),m=u.forwardRef((function(e,t){let{"aria-current":n="page",caseSensitive:a=!1,className:o="",end:i=!1,style:l,to:f,children:m}=e,d=s(e,h),b=r.useResolvedPath(f,{relative:d.relative}),g=r.useLocation(),y=u.useContext(r.UNSAFE_DataRouterStateContext),{navigator:v}=u.useContext(r.UNSAFE_NavigationContext),R=v.encodeLocation(b).pathname,P=g.pathname,O=y&&y.navigation&&y.navigation.location?y.navigation.location.pathname:null;a||(P=P.toLowerCase(),O=O?O.toLowerCase():null,R=R.toLowerCase());let j,w=P===R||!i&&P.startsWith(R)&&"/"===P.charAt(R.length),S=null!=O&&(O===R||!i&&O.startsWith(R)&&"/"===O.charAt(R.length)),E=w?n:void 0;j="function"==typeof o?o({isActive:w,isPending:S}):[o,w?"active":null,S?"pending":null].filter(Boolean).join(" ");let C="function"==typeof l?l({isActive:w,isPending:S}):l;return u.createElement(p,c({},d,{"aria-current":E,className:j,ref:t,style:C,to:f}),"function"==typeof m?m({isActive:w,isPending:S}):m)}));var d,b;function g(e,t){let{target:n,replace:a,state:o,preventScrollReset:i,relative:c}=void 0===t?{}:t,s=r.useNavigate(),l=r.useLocation(),f=r.useResolvedPath(e,{relative:c});return u.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(l)===r.createPath(f);s(e,{replace:n,state:o,preventScrollReset:i,relative:c})}}),[l,s,f,a,o,n,e,i,c])}!function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmitImpl="useSubmitImpl",e.UseFetcher="useFetcher"}(d||(d={})),function(e){e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"}(b||(b={})),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,i=u.useRef();null==i.current&&(i.current=n.createBrowserHistory({window:o,v5Compat:!0}));let c=i.current,[s,l]=u.useState({action:c.action,location:c.location});return u.useLayoutEffect((()=>c.listen(l)),[c]),u.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+="/*"),u.createElement(r.Routes,{location:t},u.createElement(r.Route,{path:n,element:u.createElement(o.Route,e)}))},e.CompatRouter=function(e){let{children:t}=e,n=o.useHistory(),[a,i]=u.useState((()=>({location:n.location,action:n.action})));return u.useLayoutEffect((()=>{n.listen(((e,t)=>i({location:e,action:t})))}),[n]),u.createElement(r.Router,{navigationType:a.action,location:a.location,navigator:n},u.createElement(r.Routes,null,u.createElement(r.Route,{path:"*",element:t})))},e.HashRouter=function(e){let{basename:t,children:a,window:o}=e,i=u.useRef();null==i.current&&(i.current=n.createHashHistory({window:o,v5Compat:!0}));let c=i.current,[s,l]=u.useState({action:c.action,location:c.location});return u.useLayoutEffect((()=>c.listen(l)),[c]),u.createElement(r.Router,{basename:t,children:a,location:s.location,navigationType:s.action,navigator:c})},e.Link=p,e.NavLink=m,e.StaticRouter=function(e){let{basename:t,children:n,location:o="/"}=e;"string"==typeof o&&(o=a.parsePath(o));let i=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),encodeLocation(e){let t="string"==typeof e?a.parsePath(e):e;return{pathname:t.pathname||"",search:t.search||"",hash:t.hash||""}},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 u.createElement(r.Router,{basename:t,children:n,location:c,navigationType:i,navigator:s,static:!0})},e.createSearchParams=l,e.unstable_HistoryRouter=function(e){let{basename:t,children:n,history:a}=e;const[o,i]=u.useState({action:a.action,location:a.location});return u.useLayoutEffect((()=>a.listen(i)),[a]),u.createElement(r.Router,{basename:t,children:n,location:o.location,navigationType:o.action,navigator:a})},e.useLinkClickHandler=g,e.useSearchParams=function(e){let t=u.useRef(l(e)),n=r.useLocation(),a=u.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(),i=u.useCallback(((e,t)=>{const r=l("function"==typeof e?e(a):e);o("?"+r,t)}),[o,a]);return[a,i]},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.3",
+  "version": "6.4.4-pre.0",
   "description": "Migration path to React Router v6 from v4/5",
@@ -27,3 +27,3 @@ "keywords": [
     "history": "^5.3.0",
-    "react-router": "6.4.3"
+    "react-router": "6.4.4-pre.0"
   },
@@ -30,0 +30,0 @@ "peerDependencies": {

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

294008

increased by2.1%

Lines of code

1945

increased by1.2%

Worsened metrics

Number of low quality alerts

3

increased by50%

Dependency changes

• + Added@remix-run/router@1.0.4-pre.0(transitive)

• + Addedreact-router@6.4.4-pre.0(transitive)

• - Removed@remix-run/router@1.0.3(transitive)

• - Removedreact-router@6.4.3(transitive)

• Updatedreact-router@6.4.4-pre.0