@tanstack/react-router 0.0.1-beta.271 → 0.0.1-beta.273

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/react-router",
   "author": "Tanner Linsley",
-  "version": "0.0.1-beta.271",
+  "version": "0.0.1-beta.273",
   "license": "MIT",
   "repository": "tanstack/router",
   "homepage": "https://tanstack.com/router",
@@ -44,7 +44,7 @@
     "@tanstack/store": "^0.1.3",
     "tiny-invariant": "^1.3.1",
     "tiny-warning": "^1.0.3",
-    "@tanstack/history": "0.0.1-beta.271"
+    "@tanstack/history": "0.0.1-beta.273"
   },
   "scripts": {
     "build": "rollup --config rollup.config.js"

package/src/RouterProvider.tsx

@@ -74,18 +74,26 @@ export function RouterProvider<
     },
   } as any)
 
-  const inner = (
-    <routerContext.Provider value={router}>
+  const matches = router.options.InnerWrap ? (
+    <router.options.InnerWrap>
       <Matches />
+    </router.options.InnerWrap>
+  ) : (
+    <Matches />
+  )
+
+  const provider = (
+    <routerContext.Provider value={router}>
+      {matches}
       <Transitioner />
     </routerContext.Provider>
   )
 
   if (router.options.Wrap) {
-    return <router.options.Wrap>{inner}</router.options.Wrap>
+    return <router.options.Wrap>{provider}</router.options.Wrap>
   }
 
-  return inner
+  return provider
 }
 
 function Transitioner() {
@@ -166,11 +174,13 @@ function Transitioner() {
       })
 
       if ((document as any).querySelector) {
-        const el = document.getElementById(
-          routerState.location.hash,
-        ) as HTMLElement | null
-        if (el) {
-          el.scrollIntoView()
+        if (routerState.location.hash !== '') {
+          const el = document.getElementById(
+            routerState.location.hash,
+          ) as HTMLElement | null
+          if (el) {
+            el.scrollIntoView()
+          }
         }
       }
       router.pendingMatches = []

package/src/router.ts

@@ -119,6 +119,7 @@ export interface RouterOptions<
   routeMasks?: RouteMask<TRouteTree>[]
   unmaskOnReload?: boolean
   Wrap?: (props: { children: any }) => JSX.Element
+  InnerWrap?: (props: { children: any }) => JSX.Element
   notFoundRoute?: AnyRoute
 }