@tanstack/react-router 0.0.1-beta.80 → 0.0.1-beta.81

package/src/index.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
 
 import {
-  Route,
   RegisteredRoutesInfo,
   RegisteredRouter,
   RouterStore,
@@ -572,29 +571,6 @@ function SubOutlet({
 
   const defaultPending = React.useCallback(() => null, [])
 
-  const Inner = React.useCallback((props: { match: RouteMatch }): any => {
-    if (props.match.state.status === 'error') {
-      throw props.match.state.error
-    }
-
-    if (props.match.state.status === 'success') {
-      return React.createElement(
-        (props.match.component as any) ??
-          router.options.defaultComponent ??
-          Outlet,
-      )
-    }
-
-    if (props.match.state.status === 'pending') {
-      throw props.match.__loadPromise
-    }
-
-    invariant(
-      false,
-      'Idle routeMatch status encountered during rendering! You should never see this. File an issue!',
-    )
-  }, [])
-
   const PendingComponent = (match.pendingComponent ??
     router.options.defaultPendingComponent ??
     defaultPending) as any
@@ -623,6 +599,31 @@ function SubOutlet({
   )
 }
 
+function Inner(props: { match: RouteMatch }): any {
+  const router = useRouterContext()
+
+  if (props.match.state.status === 'error') {
+    throw props.match.state.error
+  }
+
+  if (props.match.state.status === 'success') {
+    return React.createElement(
+      (props.match.component as any) ??
+        router.options.defaultComponent ??
+        Outlet,
+    )
+  }
+
+  if (props.match.state.status === 'pending') {
+    throw props.match.__loadPromise
+  }
+
+  invariant(
+    false,
+    'Idle routeMatch status encountered during rendering! You should never see this. File an issue!',
+  )
+}
+
 function SafeFragment(props: any) {
   return <>{props.children}</>
 }