react-router 0.0.0-experimental-3e5084cc → 0.0.0-experimental-8f9ef191

package/dist/index.js

@@ -1,5 +1,5 @@
 /**
- * React Router v0.0.0-experimental-3e5084cc
+ * React Router v0.0.0-experimental-8f9ef191
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -538,14 +538,14 @@ function _renderMatches(matches, parentMatches, dataRouterState, future) {
   }
 
   // If we're in a partial hydration mode, detect if we need to render down to
-  // a given InitialFallback while we load the rest of the hydration data
+  // a given HydrateFallback while we load the rest of the hydration data
   let renderFallback = false;
   let fallbackIndex = -1;
   if (dataRouterState && future && future.v7_partialHydration) {
     for (let i = 0; i < renderedMatches.length; i++) {
       let match = renderedMatches[i];
       // Track the deepest fallback up until the first route without data
-      if (match.route.InitialFallback || match.route.initialFallbackElement) {
+      if (match.route.HydrateFallback || match.route.hydrateFallbackElement) {
         fallbackIndex = i;
       }
       if (match.route.loader && match.route.id && dataRouterState.loaderData[match.route.id] === undefined && (!dataRouterState.errors || dataRouterState.errors[match.route.id] === undefined)) {
@@ -565,20 +565,20 @@ function _renderMatches(matches, parentMatches, dataRouterState, future) {
   return renderedMatches.reduceRight((outlet, match, index) => {
     // Only data routers handle errors/fallbacks
     let error;
-    let shouldRenderInitialFallback = false;
+    let shouldRenderHydrateFallback = false;
     let errorElement = null;
-    let initialFallbackElement = null;
+    let hydrateFallbackElement = null;
     if (dataRouterState) {
       error = errors && match.route.id ? errors[match.route.id] : null;
       errorElement = match.route.errorElement || defaultErrorElement;
       if (renderFallback) {
         if (fallbackIndex < 0 && index === 0) {
-          warningOnce("route-fallback", false, "No `InitialFallback` element provided to render during initial hydration");
-          shouldRenderInitialFallback = true;
-          initialFallbackElement = null;
+          warningOnce("route-fallback", false, "No `HydrateFallback` element provided to render during initial hydration");
+          shouldRenderHydrateFallback = true;
+          hydrateFallbackElement = null;
         } else if (fallbackIndex === index) {
-          shouldRenderInitialFallback = true;
-          initialFallbackElement = match.route.initialFallbackElement || null;
+          shouldRenderHydrateFallback = true;
+          hydrateFallbackElement = match.route.hydrateFallbackElement || null;
         }
       }
     }
@@ -587,8 +587,8 @@ function _renderMatches(matches, parentMatches, dataRouterState, future) {
       let children;
       if (error) {
         children = errorElement;
-      } else if (shouldRenderInitialFallback) {
-        children = initialFallbackElement;
+      } else if (shouldRenderHydrateFallback) {
+        children = hydrateFallbackElement;
       } else if (match.route.Component) {
         // Note: This is a de-optimized path since React won't re-use the
         // ReactElement since it's identity changes with each new
@@ -1368,15 +1368,15 @@ function mapRouteProperties(route) {
       Component: undefined
     });
   }
-  if (route.InitialFallback) {
+  if (route.HydrateFallback) {
     if (process.env.NODE_ENV !== "production") {
-      if (route.initialFallbackElement) {
-        process.env.NODE_ENV !== "production" ? UNSAFE_warning(false, "You should not include both `InitialFallback` and `initialFallbackElement` on your route - " + "`InitialFallback` will be used.") : void 0;
+      if (route.hydrateFallbackElement) {
+        process.env.NODE_ENV !== "production" ? UNSAFE_warning(false, "You should not include both `HydrateFallback` and `hydrateFallbackElement` on your route - " + "`HydrateFallback` will be used.") : void 0;
       }
     }
     Object.assign(updates, {
-      initialFallbackElement: /*#__PURE__*/React.createElement(route.InitialFallback),
-      InitialFallback: undefined
+      hydrateFallbackElement: /*#__PURE__*/React.createElement(route.HydrateFallback),
+      HydrateFallback: undefined
     });
   }
   if (route.ErrorBoundary) {