@tanstack/react-router 0.0.1-beta.26 → 0.0.1-beta.27

package/build/stats-html.html

@@ -4014,7 +4014,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"ed65-59","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"ed65-61"},{"name":"react-router/src/index.tsx","uid":"ed65-63"}]}]}],"isRoot":true},"nodeParts":{"ed65-59":{"renderedLength":798,"gzipLength":366,"brotliLength":0,"mainUid":"ed65-58"},"ed65-61":{"renderedLength":75287,"gzipLength":15783,"brotliLength":0,"mainUid":"ed65-60"},"ed65-63":{"renderedLength":13128,"gzipLength":3268,"brotliLength":0,"mainUid":"ed65-62"}},"nodeMetas":{"ed65-58":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"ed65-59"},"imported":[],"importedBy":[{"uid":"ed65-62"}]},"ed65-60":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"ed65-61"},"imported":[],"importedBy":[{"uid":"ed65-62"}]},"ed65-62":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"ed65-63"},"imported":[{"uid":"ed65-58"},{"uid":"ed65-64"},{"uid":"ed65-65"},{"uid":"ed65-60"}],"importedBy":[],"isEntry":true},"ed65-64":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"ed65-62"}],"isExternal":true},"ed65-65":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"ed65-62"}],"isExternal":true}},"env":{"rollup":"2.77.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"287d-59","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"287d-61"},{"name":"react-router/src/index.tsx","uid":"287d-63"}]}]}],"isRoot":true},"nodeParts":{"287d-59":{"renderedLength":798,"gzipLength":366,"brotliLength":0,"mainUid":"287d-58"},"287d-61":{"renderedLength":75287,"gzipLength":15783,"brotliLength":0,"mainUid":"287d-60"},"287d-63":{"renderedLength":14273,"gzipLength":3542,"brotliLength":0,"mainUid":"287d-62"}},"nodeMetas":{"287d-58":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"287d-59"},"imported":[],"importedBy":[{"uid":"287d-62"}]},"287d-60":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"287d-61"},"imported":[],"importedBy":[{"uid":"287d-62"}]},"287d-62":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"287d-63"},"imported":[{"uid":"287d-58"},{"uid":"287d-64"},{"uid":"287d-65"},{"uid":"287d-60"}],"importedBy":[],"isEntry":true},"287d-64":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"287d-62"}],"isExternal":true},"287d-65":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"287d-62"}],"isExternal":true}},"env":{"rollup":"2.77.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/build/stats-react.json

@@ -7,7 +7,7 @@
         "name": "index.production.js",
         "children": [
           {
-            "uid": "ed65-67",
+            "uid": "287d-67",
             "name": "\u0000rollupPluginBabelHelpers.js"
           },
           {
@@ -15,11 +15,11 @@
             "children": [
               {
                 "name": "router-core/build/esm/index.js",
-                "uid": "ed65-69"
+                "uid": "287d-69"
               },
               {
                 "name": "react-router/src/index.tsx",
-                "uid": "ed65-71"
+                "uid": "287d-71"
               }
             ]
           }
@@ -29,90 +29,90 @@
     "isRoot": true
   },
   "nodeParts": {
-    "ed65-67": {
+    "287d-67": {
       "renderedLength": 798,
       "gzipLength": 366,
       "brotliLength": 0,
-      "mainUid": "ed65-66"
+      "mainUid": "287d-66"
     },
-    "ed65-69": {
+    "287d-69": {
       "renderedLength": 75287,
       "gzipLength": 15783,
       "brotliLength": 0,
-      "mainUid": "ed65-68"
+      "mainUid": "287d-68"
     },
-    "ed65-71": {
-      "renderedLength": 13128,
-      "gzipLength": 3268,
+    "287d-71": {
+      "renderedLength": 14273,
+      "gzipLength": 3542,
       "brotliLength": 0,
-      "mainUid": "ed65-70"
+      "mainUid": "287d-70"
     }
   },
   "nodeMetas": {
-    "ed65-66": {
+    "287d-66": {
       "id": "\u0000rollupPluginBabelHelpers.js",
       "moduleParts": {
-        "index.production.js": "ed65-67"
+        "index.production.js": "287d-67"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "ed65-70"
+          "uid": "287d-70"
         }
       ]
     },
-    "ed65-68": {
+    "287d-68": {
       "id": "/packages/router-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "ed65-69"
+        "index.production.js": "287d-69"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "ed65-70"
+          "uid": "287d-70"
         }
       ]
     },
-    "ed65-70": {
+    "287d-70": {
       "id": "/packages/react-router/src/index.tsx",
       "moduleParts": {
-        "index.production.js": "ed65-71"
+        "index.production.js": "287d-71"
       },
       "imported": [
         {
-          "uid": "ed65-66"
+          "uid": "287d-66"
         },
         {
-          "uid": "ed65-72"
+          "uid": "287d-72"
         },
         {
-          "uid": "ed65-73"
+          "uid": "287d-73"
         },
         {
-          "uid": "ed65-68"
+          "uid": "287d-68"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "ed65-72": {
+    "287d-72": {
       "id": "react",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "ed65-70"
+          "uid": "287d-70"
         }
       ],
       "isExternal": true
     },
-    "ed65-73": {
+    "287d-73": {
       "id": "use-sync-external-store/shim",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "ed65-70"
+          "uid": "287d-70"
         }
       ],
       "isExternal": true

package/build/umd/index.development.js

@@ -2830,7 +2830,8 @@
     }, /*#__PURE__*/React__namespace.createElement(React__namespace.Suspense, {
       fallback: /*#__PURE__*/React__namespace.createElement(PendingComponent, null)
     }, /*#__PURE__*/React__namespace.createElement(CatchBoundary, {
-      errorComponent: errorComponent
+      errorComponent: errorComponent,
+      key: match.routeId
     }, (() => {
       if (match.status === 'error') {
         throw match.error;
@@ -2850,7 +2851,8 @@
     constructor() {
       super(...arguments);
       this.state = {
-        error: false
+        error: false,
+        info: undefined
       };
     }
 
@@ -2863,17 +2865,49 @@
     }
 
     render() {
-      var _this$props$errorComp;
+      return /*#__PURE__*/React__namespace.createElement(CatchBoundaryInner, _extends$2({}, this.props, {
+        errorState: this.state,
+        reset: () => this.setState({})
+      }));
+    }
+
+  } // This is the messiest thing ever... I'm either seriously tired (likely) or
+  // there has to be a better way to reset error boundaries when the
+  // router's location key changes.
+
 
-      const errorComponent = (_this$props$errorComp = this.props.errorComponent) != null ? _this$props$errorComp : DefaultErrorBoundary;
+  function CatchBoundaryInner(props) {
+    var _props$errorComponent;
 
-      if (this.state.error) {
-        return /*#__PURE__*/React__namespace.createElement(errorComponent, this.state);
+    const [activeErrorState, setActiveErrorState] = React__namespace.useState(props.errorState);
+    const router = useRouter();
+    const errorComponent = (_props$errorComponent = props.errorComponent) != null ? _props$errorComponent : DefaultErrorBoundary;
+    React__namespace.useEffect(() => {
+      if (activeErrorState) {
+        let prevKey = router.state.location.key;
+        return router.subscribe(() => {
+          if (router.state.location.key !== prevKey) {
+            prevKey = router.state.location.key;
+            setActiveErrorState({});
+          }
+        });
+      }
+
+      return;
+    }, [activeErrorState]);
+    React__namespace.useEffect(() => {
+      if (props.errorState.error) {
+        setActiveErrorState(props.errorState);
       }
 
-      return this.props.children;
+      props.reset();
+    }, [props.errorState.error]);
+
+    if (activeErrorState.error) {
+      return /*#__PURE__*/React__namespace.createElement(errorComponent, activeErrorState);
     }
 
+    return props.children;
   }
 
   function DefaultErrorBoundary(_ref6) {