@tanstack/react-router 0.0.1-beta.217 → 0.0.1-beta.219

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/react-router",
   "author": "Tanner Linsley",
-  "version": "0.0.1-beta.217",
+  "version": "0.0.1-beta.219",
   "license": "MIT",
   "repository": "tanstack/router",
   "homepage": "https://tanstack.com/router",
@@ -42,7 +42,7 @@
     "@babel/runtime": "^7.16.7",
     "tiny-invariant": "^1.3.1",
     "tiny-warning": "^1.0.3",
-    "@tanstack/history": "0.0.1-beta.217"
+    "@tanstack/history": "0.0.1-beta.219"
   },
   "scripts": {
     "build": "rollup --config rollup.config.js"

package/src/Matches.tsx

@@ -74,18 +74,20 @@ export function Match({ matches }: { matches: RouteMatch[] }) {
     ? React.Suspense
     : SafeFragment
 
-  const errorComponent = React.useCallback(
-    (props: any) => {
-      return React.createElement(routeErrorComponent, {
-        ...props,
-        useMatch: route.useMatch,
-        useRouteContext: route.useRouteContext,
-        useSearch: route.useSearch,
-        useParams: route.useParams,
-      })
-    },
-    [route],
-  )
+  const errorComponent = routeErrorComponent
+    ? React.useCallback(
+        (props: any) => {
+          return React.createElement(routeErrorComponent, {
+            ...props,
+            useMatch: route.useMatch,
+            useRouteContext: route.useRouteContext,
+            useSearch: route.useSearch,
+            useParams: route.useParams,
+          })
+        },
+        [route],
+      )
+    : undefined
 
   return (
     <matchesContext.Provider value={matches}>
@@ -97,15 +99,21 @@ export function Match({ matches }: { matches: RouteMatch[] }) {
           useParams: route.useParams,
         })}
       >
-        <CatchBoundary
-          resetKey={locationKey}
-          errorComponent={errorComponent}
-          onCatch={() => {
-            warning(false, `Error in route match: ${match.id}`)
-          }}
-        >
-          <MatchInner match={match} />
-        </CatchBoundary>
+        {errorComponent ? (
+          <CatchBoundary
+            resetKey={locationKey}
+            errorComponent={errorComponent}
+            onCatch={() => {
+              warning(false, `Error in route match: ${match.id}`)
+            }}
+          >
+            <MatchInner match={match} />
+          </CatchBoundary>
+        ) : (
+          <SafeFragment>
+            <MatchInner match={match} />
+          </SafeFragment>
+        )}
       </ResolvedSuspenseBoundary>
     </matchesContext.Provider>
   )

package/src/RouterProvider.tsx

@@ -997,11 +997,6 @@ export function RouterProvider<
                   shouldReloadDeps,
                   match.shouldReloadDeps,
                 )
-                console.log(
-                  shouldReloadDeps,
-                  match.shouldReloadDeps,
-                  shouldReload,
-                )
 
                 match.shouldReloadDeps = shouldReloadDeps
               } else {