react-router 0.0.0-experimental-cf9637ce → 0.0.0-experimental-e7e9ce6e

package/dist/react-router.development.js

@@ -1,5 +1,5 @@
 /**
- * React Router v0.0.0-experimental-cf9637ce
+ * React Router v0.0.0-experimental-e7e9ce6e
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -8,7 +8,7 @@
  *
  * @license MIT
  */
-import { invariant, joinPaths, matchPath, UNSAFE_getPathContributingMatches, warning, resolveTo, parsePath, matchRoutes, Action, isRouteErrorResponse, createMemoryHistory, stripBasename, AbortedDeferredError, createRouter } from '@remix-run/router';
+import { UNSAFE_invariant, joinPaths, matchPath, UNSAFE_getPathContributingMatches, warning, resolveTo, parsePath, matchRoutes, Action, isRouteErrorResponse, createMemoryHistory, stripBasename, AbortedDeferredError, createRouter } from '@remix-run/router';
 export { AbortedDeferredError, Action as NavigationType, createPath, defer, generatePath, isRouteErrorResponse, json, matchPath, matchRoutes, parsePath, redirect, resolvePath } from '@remix-run/router';
 import * as React from 'react';
 
@@ -245,7 +245,7 @@ const RouteErrorContext = /*#__PURE__*/React.createContext(null);
 function useHref(to, {
   relative
 } = {}) {
-  !useInRouterContext() ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of the
+  !useInRouterContext() ? UNSAFE_invariant(false, // TODO: This error is probably because they somehow have 2 versions of the
   // router loaded. We can help them understand how to avoid that.
   `useHref() may be used only in the context of a <Router> component.`)  : void 0;
   let {
@@ -295,7 +295,7 @@ function useInRouterContext() {
  */
 
 function useLocation() {
-  !useInRouterContext() ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of the
+  !useInRouterContext() ? UNSAFE_invariant(false, // TODO: This error is probably because they somehow have 2 versions of the
   // router loaded. We can help them understand how to avoid that.
   `useLocation() may be used only in the context of a <Router> component.`)  : void 0;
   return React.useContext(LocationContext).location;
@@ -319,7 +319,7 @@ function useNavigationType() {
  */
 
 function useMatch(pattern) {
-  !useInRouterContext() ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of the
+  !useInRouterContext() ? UNSAFE_invariant(false, // TODO: This error is probably because they somehow have 2 versions of the
   // router loaded. We can help them understand how to avoid that.
   `useMatch() may be used only in the context of a <Router> component.`)  : void 0;
   let {
@@ -335,7 +335,7 @@ function useMatch(pattern) {
  */
 
 function useNavigate() {
-  !useInRouterContext() ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of the
+  !useInRouterContext() ? UNSAFE_invariant(false, // TODO: This error is probably because they somehow have 2 versions of the
   // router loaded. We can help them understand how to avoid that.
   `useNavigate() may be used only in the context of a <Router> component.`)  : void 0;
   let {
@@ -445,7 +445,7 @@ function useResolvedPath(to, {
  */
 
 function useRoutes(routes, locationArg) {
-  !useInRouterContext() ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of the
+  !useInRouterContext() ? UNSAFE_invariant(false, // TODO: This error is probably because they somehow have 2 versions of the
   // router loaded. We can help them understand how to avoid that.
   `useRoutes() may be used only in the context of a <Router> component.`)  : void 0;
   let {
@@ -491,7 +491,7 @@ function useRoutes(routes, locationArg) {
 
   if (locationArg) {
     let parsedLocationArg = typeof locationArg === "string" ? parsePath(locationArg) : locationArg;
-    !(parentPathnameBase === "/" || parsedLocationArg.pathname?.startsWith(parentPathnameBase)) ? invariant(false, `When overriding the location using \`<Routes location>\` or \`useRoutes(routes, location)\`, ` + `the location pathname must begin with the portion of the URL pathname that was ` + `matched by all parent routes. The current pathname base is "${parentPathnameBase}" ` + `but pathname "${parsedLocationArg.pathname}" was given in the \`location\` prop.`)  : void 0;
+    !(parentPathnameBase === "/" || parsedLocationArg.pathname?.startsWith(parentPathnameBase)) ? UNSAFE_invariant(false, `When overriding the location using \`<Routes location>\` or \`useRoutes(routes, location)\`, ` + `the location pathname must begin with the portion of the URL pathname that was ` + `matched by all parent routes. The current pathname base is "${parentPathnameBase}" ` + `but pathname "${parsedLocationArg.pathname}" was given in the \`location\` prop.`)  : void 0;
     location = parsedLocationArg;
   } else {
     location = locationFromContext;
@@ -660,7 +660,7 @@ function _renderMatches(matches, parentMatches = [], dataRouterState) {
 
   if (errors != null) {
     let errorIndex = renderedMatches.findIndex(m => m.route.id && errors?.[m.route.id]);
-    !(errorIndex >= 0) ? invariant(false, `Could not find a matching route for the current errors: ${errors}`)  : void 0;
+    !(errorIndex >= 0) ? UNSAFE_invariant(false, `Could not find a matching route for the current errors: ${errors}`)  : void 0;
     renderedMatches = renderedMatches.slice(0, Math.min(renderedMatches.length, errorIndex + 1));
   }
 
@@ -718,26 +718,26 @@ function getDataRouterConsoleError(hookName) {
 
 function useDataRouterContext(hookName) {
   let ctx = React.useContext(DataRouterContext);
-  !ctx ? invariant(false, getDataRouterConsoleError(hookName))  : void 0;
+  !ctx ? UNSAFE_invariant(false, getDataRouterConsoleError(hookName))  : void 0;
   return ctx;
 }
 
 function useDataRouterState(hookName) {
   let state = React.useContext(DataRouterStateContext);
-  !state ? invariant(false, getDataRouterConsoleError(hookName))  : void 0;
+  !state ? UNSAFE_invariant(false, getDataRouterConsoleError(hookName))  : void 0;
   return state;
 }
 
 function useRouteContext(hookName) {
   let route = React.useContext(RouteContext);
-  !route ? invariant(false, getDataRouterConsoleError(hookName))  : void 0;
+  !route ? UNSAFE_invariant(false, getDataRouterConsoleError(hookName))  : void 0;
   return route;
 }
 
 function useCurrentRouteId(hookName) {
   let route = useRouteContext(hookName);
   let thisRoute = route.matches[route.matches.length - 1];
-  !thisRoute.route.id ? invariant(false, `${hookName} can only be used on routes that contain a unique "id"`)  : void 0;
+  !thisRoute.route.id ? UNSAFE_invariant(false, `${hookName} can only be used on routes that contain a unique "id"`)  : void 0;
   return thisRoute.route.id;
 }
 /**
@@ -820,7 +820,7 @@ function useRouteLoaderData(routeId) {
 function useActionData() {
   let state = useDataRouterState(DataRouterStateHook.UseActionData);
   let route = React.useContext(RouteContext);
-  !route ? invariant(false, `useActionData must be used inside a RouteContext`)  : void 0;
+  !route ? UNSAFE_invariant(false, `useActionData must be used inside a RouteContext`)  : void 0;
   return Object.values(state?.actionData || {})[0];
 }
 /**
@@ -993,7 +993,7 @@ function Navigate({
   state,
   relative
 }) {
-  !useInRouterContext() ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of
+  !useInRouterContext() ? UNSAFE_invariant(false, // TODO: This error is probably because they somehow have 2 versions of
   // the router loaded. We can help them understand how to avoid that.
   `<Navigate> may be used only in the context of a <Router> component.`)  : void 0;
   warning(!React.useContext(NavigationContext).static, `<Navigate> must not be used on the initial render in a <StaticRouter>. ` + `This is a no-op, but you should modify your code so the <Navigate> is ` + `only ever rendered in response to some user interaction or state change.`) ;
@@ -1031,7 +1031,7 @@ function Outlet(props) {
  */
 
 function Route(_props) {
-  invariant(false, `A <Route> is only ever to be used as the child of <Routes> element, ` + `never rendered directly. Please wrap your <Route> in a <Routes>.`)  ;
+  UNSAFE_invariant(false, `A <Route> is only ever to be used as the child of <Routes> element, ` + `never rendered directly. Please wrap your <Route> in a <Routes>.`)  ;
 }
 /**
  * Provides location context for the rest of the app.
@@ -1051,9 +1051,15 @@ function Router({
   navigator,
   static: staticProp = false
 }) {
-  !!useInRouterContext() ? invariant(false, `You cannot render a <Router> inside another <Router>.` + ` You should never have more than one in your app.`)  : void 0; // Preserve trailing slashes on basename, so we can let the user control
+  // Temporarily commented out for testing of <CompatRouter> nested in a
+  // <RouterProvider>
+  // invariant(
+  //   !useInRouterContext(),
+  //   `You cannot render a <Router> inside another <Router>.` +
+  //     ` You should never have more than one in your app.`
+  // );
+  // Preserve trailing slashes on basename, so we can let the user control
   // the enforcement of trailing slashes throughout the app
-
   let basename = basenameProp.replace(/^\/*/, "/");
   let navigationContext = React.useMemo(() => ({
     basename,
@@ -1283,8 +1289,8 @@ function createRoutesFromChildren(children, parentPath = []) {
       return;
     }
 
-    !(element.type === Route) ? invariant(false, `[${typeof element.type === "string" ? element.type : element.type.name}] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>`)  : void 0;
-    !(!element.props.index || !element.props.children) ? invariant(false, "An index route cannot have child routes.")  : void 0;
+    !(element.type === Route) ? UNSAFE_invariant(false, `[${typeof element.type === "string" ? element.type : element.type.name}] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>`)  : void 0;
+    !(!element.props.index || !element.props.children) ? UNSAFE_invariant(false, "An index route cannot have child routes.")  : void 0;
     let treePath = [...parentPath, index];
     let route = {
       id: element.props.id || treePath.join("-"),