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

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.272",
   "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.272"
   },
   "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() {

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
 }