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

package/dist/umd/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.
  *
@@ -285,7 +285,7 @@
     let {
       relative
     } = _temp === void 0 ? {} : _temp;
-    !useInRouterContext() ? router.invariant(false, // TODO: This error is probably because they somehow have 2 versions of the
+    !useInRouterContext() ? router.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 {
@@ -335,7 +335,7 @@
    */
 
   function useLocation() {
-    !useInRouterContext() ? router.invariant(false, // TODO: This error is probably because they somehow have 2 versions of the
+    !useInRouterContext() ? router.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__namespace.useContext(LocationContext).location;
@@ -359,7 +359,7 @@
    */
 
   function useMatch(pattern) {
-    !useInRouterContext() ? router.invariant(false, // TODO: This error is probably because they somehow have 2 versions of the
+    !useInRouterContext() ? router.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 {
@@ -378,7 +378,7 @@
    * @see https://reactrouter.com/hooks/use-navigate
    */
   function useNavigate() {
-    !useInRouterContext() ? router.invariant(false, // TODO: This error is probably because they somehow have 2 versions of the
+    !useInRouterContext() ? router.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 {
@@ -493,7 +493,7 @@
    */
 
   function useRoutes(routes, locationArg) {
-    !useInRouterContext() ? router.invariant(false, // TODO: This error is probably because they somehow have 2 versions of the
+    !useInRouterContext() ? router.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 {
@@ -541,7 +541,7 @@
       var _parsedLocationArg$pa;
 
       let parsedLocationArg = typeof locationArg === "string" ? router.parsePath(locationArg) : locationArg;
-      !(parentPathnameBase === "/" || ((_parsedLocationArg$pa = parsedLocationArg.pathname) == null ? void 0 : _parsedLocationArg$pa.startsWith(parentPathnameBase))) ? router.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$pa = parsedLocationArg.pathname) == null ? void 0 : _parsedLocationArg$pa.startsWith(parentPathnameBase))) ? router.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;
@@ -714,7 +714,7 @@
 
     if (errors != null) {
       let errorIndex = renderedMatches.findIndex(m => m.route.id && (errors == null ? void 0 : errors[m.route.id]));
-      !(errorIndex >= 0) ? router.invariant(false, "Could not find a matching route for the current errors: " + errors)  : void 0;
+      !(errorIndex >= 0) ? router.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));
     }
 
@@ -772,26 +772,26 @@
 
   function useDataRouterContext(hookName) {
     let ctx = React__namespace.useContext(DataRouterContext);
-    !ctx ? router.invariant(false, getDataRouterConsoleError(hookName))  : void 0;
+    !ctx ? router.UNSAFE_invariant(false, getDataRouterConsoleError(hookName))  : void 0;
     return ctx;
   }
 
   function useDataRouterState(hookName) {
     let state = React__namespace.useContext(DataRouterStateContext);
-    !state ? router.invariant(false, getDataRouterConsoleError(hookName))  : void 0;
+    !state ? router.UNSAFE_invariant(false, getDataRouterConsoleError(hookName))  : void 0;
     return state;
   }
 
   function useRouteContext(hookName) {
     let route = React__namespace.useContext(RouteContext);
-    !route ? router.invariant(false, getDataRouterConsoleError(hookName))  : void 0;
+    !route ? router.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 ? router.invariant(false, hookName + " can only be used on routes that contain a unique \"id\"")  : void 0;
+    !thisRoute.route.id ? router.UNSAFE_invariant(false, hookName + " can only be used on routes that contain a unique \"id\"")  : void 0;
     return thisRoute.route.id;
   }
   /**
@@ -874,7 +874,7 @@
   function useActionData() {
     let state = useDataRouterState(DataRouterStateHook.UseActionData);
     let route = React__namespace.useContext(RouteContext);
-    !route ? router.invariant(false, "useActionData must be used inside a RouteContext")  : void 0;
+    !route ? router.UNSAFE_invariant(false, "useActionData must be used inside a RouteContext")  : void 0;
     return Object.values((state == null ? void 0 : state.actionData) || {})[0];
   }
   /**
@@ -1051,7 +1051,7 @@
       state,
       relative
     } = _ref3;
-    !useInRouterContext() ? router.invariant(false, // TODO: This error is probably because they somehow have 2 versions of
+    !useInRouterContext() ? router.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;
     router.warning(!React__namespace.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.") ;
@@ -1089,7 +1089,7 @@
    * @see https://reactrouter.com/components/route
    */
   function Route(_props) {
-    router.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>.")  ;
+    router.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>.")  ;
   }
 
   /**
@@ -1110,9 +1110,15 @@
       navigator,
       static: staticProp = false
     } = _ref4;
-    !!useInRouterContext() ? router.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__namespace.useMemo(() => ({
       basename,
@@ -1349,8 +1355,8 @@
         return;
       }
 
-      !(element.type === Route) ? router.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) ? router.invariant(false, "An index route cannot have child routes.")  : void 0;
+      !(element.type === Route) ? router.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) ? router.UNSAFE_invariant(false, "An index route cannot have child routes.")  : void 0;
       let treePath = [...parentPath, index];
       let route = {
         id: element.props.id || treePath.join("-"),