@tanstack/react-router 0.0.1-beta.204 → 0.0.1-beta.206

package/build/cjs/qss.js

@@ -0,0 +1,65 @@
+/**
+ * @tanstack/react-router/src/index.tsx
+ *
+ * Copyright (c) TanStack
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+// @ts-nocheck
+
+// qss has been slightly modified and inlined here for our use cases (and compression's sake). We've included it as a hard dependency for MIT license attribution.
+
+function encode(obj, pfx) {
+  var k,
+    i,
+    tmp,
+    str = '';
+  for (k in obj) {
+    if ((tmp = obj[k]) !== void 0) {
+      if (Array.isArray(tmp)) {
+        for (i = 0; i < tmp.length; i++) {
+          str && (str += '&');
+          str += encodeURIComponent(k) + '=' + encodeURIComponent(tmp[i]);
+        }
+      } else {
+        str && (str += '&');
+        str += encodeURIComponent(k) + '=' + encodeURIComponent(tmp);
+      }
+    }
+  }
+  return (pfx || '') + str;
+}
+function toValue(mix) {
+  if (!mix) return '';
+  var str = decodeURIComponent(mix);
+  if (str === 'false') return false;
+  if (str === 'true') return true;
+  return +str * 0 === 0 && +str + '' === str ? +str : str;
+}
+function decode(str) {
+  var tmp,
+    k,
+    out = {},
+    arr = str.split('&');
+  while (tmp = arr.shift()) {
+    tmp = tmp.split('=');
+    k = tmp.shift();
+    if (out[k] !== void 0) {
+      out[k] = [].concat(out[k], toValue(tmp.shift()));
+    } else {
+      out[k] = toValue(tmp.shift());
+    }
+  }
+  return out;
+}
+
+exports.decode = decode;
+exports.encode = encode;
+//# sourceMappingURL=qss.js.map

package/build/cjs/qss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qss.js","sources":["../../src/qss.ts"],"sourcesContent":["// @ts-nocheck\n\n// qss has been slightly modified and inlined here for our use cases (and compression's sake). We've included it as a hard dependency for MIT license attribution.\n\nexport function encode(obj, pfx?: string) {\n  var k,\n    i,\n    tmp,\n    str = ''\n\n  for (k in obj) {\n    if ((tmp = obj[k]) !== void 0) {\n      if (Array.isArray(tmp)) {\n        for (i = 0; i < tmp.length; i++) {\n          str && (str += '&')\n          str += encodeURIComponent(k) + '=' + encodeURIComponent(tmp[i])\n        }\n      } else {\n        str && (str += '&')\n        str += encodeURIComponent(k) + '=' + encodeURIComponent(tmp)\n      }\n    }\n  }\n\n  return (pfx || '') + str\n}\n\nfunction toValue(mix) {\n  if (!mix) return ''\n  var str = decodeURIComponent(mix)\n  if (str === 'false') return false\n  if (str === 'true') return true\n  return +str * 0 === 0 && +str + '' === str ? +str : str\n}\n\nexport function decode(str) {\n  var tmp,\n    k,\n    out = {},\n    arr = str.split('&')\n\n  while ((tmp = arr.shift())) {\n    tmp = tmp.split('=')\n    k = tmp.shift()\n    if (out[k] !== void 0) {\n      out[k] = [].concat(out[k], toValue(tmp.shift()))\n    } else {\n      out[k] = toValue(tmp.shift())\n    }\n  }\n\n  return out\n}\n"],"names":["encode","obj","pfx","k","i","tmp","str","Array","isArray","length","encodeURIComponent","toValue","mix","decodeURIComponent","decode","out","arr","split","shift","concat"],"mappings":";;;;;;;;;;;;;;AAAA;;AAEA;;AAEO,SAASA,MAAMA,CAACC,GAAG,EAAEC,GAAY,EAAE;AACxC,EAAA,IAAIC,CAAC;IACHC,CAAC;IACDC,GAAG;AACHC,IAAAA,GAAG,GAAG,EAAE,CAAA;EAEV,KAAKH,CAAC,IAAIF,GAAG,EAAE;IACb,IAAI,CAACI,GAAG,GAAGJ,GAAG,CAACE,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;AAC7B,MAAA,IAAII,KAAK,CAACC,OAAO,CAACH,GAAG,CAAC,EAAE;AACtB,QAAA,KAAKD,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,GAAG,CAACI,MAAM,EAAEL,CAAC,EAAE,EAAE;AAC/BE,UAAAA,GAAG,KAAKA,GAAG,IAAI,GAAG,CAAC,CAAA;AACnBA,UAAAA,GAAG,IAAII,kBAAkB,CAACP,CAAC,CAAC,GAAG,GAAG,GAAGO,kBAAkB,CAACL,GAAG,CAACD,CAAC,CAAC,CAAC,CAAA;AACjE,SAAA;AACF,OAAC,MAAM;AACLE,QAAAA,GAAG,KAAKA,GAAG,IAAI,GAAG,CAAC,CAAA;QACnBA,GAAG,IAAII,kBAAkB,CAACP,CAAC,CAAC,GAAG,GAAG,GAAGO,kBAAkB,CAACL,GAAG,CAAC,CAAA;AAC9D,OAAA;AACF,KAAA;AACF,GAAA;AAEA,EAAA,OAAO,CAACH,GAAG,IAAI,EAAE,IAAII,GAAG,CAAA;AAC1B,CAAA;AAEA,SAASK,OAAOA,CAACC,GAAG,EAAE;AACpB,EAAA,IAAI,CAACA,GAAG,EAAE,OAAO,EAAE,CAAA;AACnB,EAAA,IAAIN,GAAG,GAAGO,kBAAkB,CAACD,GAAG,CAAC,CAAA;AACjC,EAAA,IAAIN,GAAG,KAAK,OAAO,EAAE,OAAO,KAAK,CAAA;AACjC,EAAA,IAAIA,GAAG,KAAK,MAAM,EAAE,OAAO,IAAI,CAAA;AAC/B,EAAA,OAAO,CAACA,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAACA,GAAG,GAAG,EAAE,KAAKA,GAAG,GAAG,CAACA,GAAG,GAAGA,GAAG,CAAA;AACzD,CAAA;AAEO,SAASQ,MAAMA,CAACR,GAAG,EAAE;AAC1B,EAAA,IAAID,GAAG;IACLF,CAAC;IACDY,GAAG,GAAG,EAAE;AACRC,IAAAA,GAAG,GAAGV,GAAG,CAACW,KAAK,CAAC,GAAG,CAAC,CAAA;AAEtB,EAAA,OAAQZ,GAAG,GAAGW,GAAG,CAACE,KAAK,EAAE,EAAG;AAC1Bb,IAAAA,GAAG,GAAGA,GAAG,CAACY,KAAK,CAAC,GAAG,CAAC,CAAA;AACpBd,IAAAA,CAAC,GAAGE,GAAG,CAACa,KAAK,EAAE,CAAA;AACf,IAAA,IAAIH,GAAG,CAACZ,CAAC,CAAC,KAAK,KAAK,CAAC,EAAE;MACrBY,GAAG,CAACZ,CAAC,CAAC,GAAG,EAAE,CAACgB,MAAM,CAACJ,GAAG,CAACZ,CAAC,CAAC,EAAEQ,OAAO,CAACN,GAAG,CAACa,KAAK,EAAE,CAAC,CAAC,CAAA;AAClD,KAAC,MAAM;MACLH,GAAG,CAACZ,CAAC,CAAC,GAAGQ,OAAO,CAACN,GAAG,CAACa,KAAK,EAAE,CAAC,CAAA;AAC/B,KAAA;AACF,GAAA;AAEA,EAAA,OAAOH,GAAG,CAAA;AACZ;;;;;"}

package/build/cjs/react.js

@@ -14,10 +14,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var reactStore = require('@tanstack/react-store');
 var invariant = require('tiny-invariant');
 var warning = require('tiny-warning');
-var routerCore = require('@tanstack/router-core');
+var route = require('./route.js');
+var utils = require('./utils.js');
+var RouterProvider = require('./RouterProvider.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -44,41 +45,6 @@ var invariant__default = /*#__PURE__*/_interopDefaultLegacy(invariant);
 var warning__default = /*#__PURE__*/_interopDefaultLegacy(warning);
 
 const useLayoutEffect = typeof window !== 'undefined' ? React__namespace.useLayoutEffect : React__namespace.useEffect;
-routerCore.Route.__onInit = route => {
-  Object.assign(route, {
-    useMatch: (opts = {}) => {
-      return useMatch({
-        ...opts,
-        from: route.id
-      });
-    },
-    useLoader: (opts = {}) => {
-      return useLoader({
-        ...opts,
-        from: route.id
-      });
-    },
-    useRouteContext: (opts = {}) => {
-      return useMatch({
-        ...opts,
-        from: route.id,
-        select: d => opts?.select ? opts.select(d.context) : d.context
-      });
-    },
-    useSearch: (opts = {}) => {
-      return useSearch({
-        ...opts,
-        from: route.id
-      });
-    },
-    useParams: (opts = {}) => {
-      return useParams({
-        ...opts,
-        from: route.id
-      });
-    }
-  });
-};
 
 //
 
@@ -103,7 +69,10 @@ function lazyRouteComponent(importer, exportName) {
 //
 
 function useLinkProps(options) {
-  const router = useRouter();
+  const {
+    buildLink,
+    state: routerState
+  } = useRouter();
   const match = useMatch({
     strict: false
   });
@@ -137,7 +106,7 @@ function useLinkProps(options) {
     onTouchStart,
     ...rest
   } = options;
-  const linkInfo = router.buildLink({
+  const linkInfo = buildLink(routerState, {
     from: options.to ? match.pathname : undefined,
     ...options
   });
@@ -174,10 +143,10 @@ function useLinkProps(options) {
   };
 
   // Get the active props
-  const resolvedActiveProps = isActive ? routerCore.functionalUpdate(activeProps, {}) ?? {} : {};
+  const resolvedActiveProps = isActive ? utils.functionalUpdate(activeProps, {}) ?? {} : {};
 
   // Get the inactive props
-  const resolvedInactiveProps = isActive ? {} : routerCore.functionalUpdate(inactiveProps, {}) ?? {};
+  const resolvedInactiveProps = isActive ? {} : utils.functionalUpdate(inactiveProps, {}) ?? {};
   return {
     ...resolvedActiveProps,
     ...resolvedInactiveProps,
@@ -213,92 +182,48 @@ const Link = /*#__PURE__*/React__namespace.forwardRef((props, ref) => {
   }));
 });
 function Navigate(props) {
-  const router = useRouter();
+  const {
+    navigate
+  } = useRouter();
   const match = useMatch({
     strict: false
   });
   useLayoutEffect(() => {
-    router.navigate({
+    navigate({
       from: props.to ? match.pathname : undefined,
       ...props
     });
   }, []);
   return null;
 }
-const matchIdsContext = /*#__PURE__*/React__namespace.createContext(null);
-const routerContext = /*#__PURE__*/React__namespace.createContext(null);
-function useRouterState(opts) {
-  const router = useRouter();
-  return reactStore.useStore(router.__store, opts?.select);
-}
-function RouterProvider({
-  router,
-  ...rest
-}) {
-  router.update(rest);
-  React__namespace.useEffect(() => {
-    let unsub;
-    React__namespace.startTransition(() => {
-      unsub = router.mount();
-    });
-    return unsub;
-  }, [router]);
-  const Wrap = router.options.Wrap || React__namespace.Fragment;
-  return /*#__PURE__*/React__namespace.createElement(Wrap, null, /*#__PURE__*/React__namespace.createElement(routerContext.Provider, {
-    value: router
-  }, /*#__PURE__*/React__namespace.createElement(Matches, null)));
-}
-function Matches() {
-  const router = useRouter();
-  const matchIds = useRouterState({
-    select: state => {
-      return state.renderedMatchIds;
-    }
-  });
-  const locationKey = useRouterState({
-    select: d => d.resolvedLocation.state?.key
-  });
-  const route = router.getRoute(routerCore.rootRouteId);
-  const errorComponent = React__namespace.useCallback(props => {
-    return /*#__PURE__*/React__namespace.createElement(ErrorComponent, {
-      ...props,
-      useMatch: route.useMatch,
-      useRouteContext: route.useRouteContext,
-      useSearch: route.useSearch,
-      useParams: route.useParams
-    });
-  }, [route]);
-  return /*#__PURE__*/React__namespace.createElement(matchIdsContext.Provider, {
-    value: [undefined, ...matchIds]
-  }, /*#__PURE__*/React__namespace.createElement(CatchBoundary, {
-    resetKey: locationKey,
-    errorComponent: errorComponent,
-    onCatch: () => {
-      warning__default["default"](false, `Error in router! Consider setting an 'errorComponent' in your RootRoute! 👍`);
-    }
-  }, /*#__PURE__*/React__namespace.createElement(Outlet, null)));
-}
+const matchesContext = /*#__PURE__*/React__namespace.createContext(null);
 function useRouter() {
-  const value = React__namespace.useContext(routerContext);
-  warning__default["default"](value, 'useRouter must be used inside a <Router> component!');
+  const value = React__namespace.useContext(RouterProvider.routerContext);
+  warning__default["default"](value, 'useRouter must be used inside a <RouterProvider> component!');
   return value;
 }
+function useRouterState(opts) {
+  const {
+    state
+  } = useRouter();
+  // return useStore(router.__store, opts?.select as any)
+  return opts?.select ? opts.select(state) : state;
+}
 function useMatches(opts) {
-  const matchIds = React__namespace.useContext(matchIdsContext);
+  const contextMatches = React__namespace.useContext(matchesContext);
   return useRouterState({
     select: state => {
-      const matches = state.renderedMatches.slice(state.renderedMatches.findIndex(d => d.id === matchIds[0]));
+      const matches = state.matches.slice(state.matches.findIndex(d => d.id === contextMatches[0]?.id));
       return opts?.select ? opts.select(matches) : matches;
     }
   });
 }
 function useMatch(opts) {
-  const router = useRouter();
-  const nearestMatchId = React__namespace.useContext(matchIdsContext)[0];
-  const nearestMatchRouteId = router.getRouteMatch(nearestMatchId)?.routeId;
+  const nearestMatch = React__namespace.useContext(matchesContext)[0];
+  const nearestMatchRouteId = nearestMatch?.routeId;
   const matchRouteId = useRouterState({
     select: state => {
-      const match = opts?.from ? state.renderedMatches.find(d => d.routeId === opts?.from) : state.renderedMatches.find(d => d.id === nearestMatchId);
+      const match = opts?.from ? state.matches.find(d => d.routeId === opts?.from) : state.matches.find(d => d.id === nearestMatch.id);
       return match.routeId;
     }
   });
@@ -307,29 +232,17 @@ function useMatch(opts) {
   }
   const matchSelection = useRouterState({
     select: state => {
-      const match = opts?.from ? state.renderedMatches.find(d => d.routeId === opts?.from) : state.renderedMatches.find(d => d.id === nearestMatchId);
+      const match = opts?.from ? state.matches.find(d => d.routeId === opts?.from) : state.matches.find(d => d.id === nearestMatch.id);
       invariant__default["default"](match, `Could not find ${opts?.from ? `an active match from "${opts.from}"` : 'a nearest match!'}`);
       return opts?.select ? opts.select(match) : match;
     }
   });
   return matchSelection;
 }
-function useLoader(opts) {
-  return useMatch({
-    ...opts,
-    select: match => opts?.select ? opts?.select(match.loaderData) : match.loaderData
-  });
-}
-function useRouterContext(opts) {
+function useRouteMeta(opts) {
   return useMatch({
     ...opts,
-    select: match => opts?.select ? opts.select(match.context) : match.context
-  });
-}
-function useRouteContext(opts) {
-  return useMatch({
-    ...opts,
-    select: match => opts?.select ? opts.select(match.context) : match.context
+    select: match => opts?.select ? opts.select(match.meta) : match.meta
   });
 }
 function useSearch(opts) {
@@ -343,18 +256,20 @@ function useSearch(opts) {
 function useParams(opts) {
   return useRouterState({
     select: state => {
-      const params = routerCore.last(state.renderedMatches)?.params;
+      const params = utils.last(state.matches)?.params;
       return opts?.select ? opts.select(params) : params;
     }
   });
 }
 function useNavigate(defaultOpts) {
-  const router = useRouter();
+  const {
+    navigate
+  } = useRouter();
   const match = useMatch({
     strict: false
   });
   return React__namespace.useCallback(opts => {
-    return router.navigate({
+    return navigate({
       from: opts?.to ? match.pathname : undefined,
       ...defaultOpts,
       ...opts
@@ -362,19 +277,62 @@ function useNavigate(defaultOpts) {
   }, []);
 }
 function useMatchRoute() {
-  const router = useRouter();
+  const {
+    state,
+    matchRoute
+  } = useRouter();
   return React__namespace.useCallback(opts => {
     const {
       pending,
       caseSensitive,
       ...rest
     } = opts;
-    return router.matchRoute(rest, {
+    return matchRoute(state, rest, {
       pending,
       caseSensitive
     });
   }, []);
 }
+function Matches() {
+  const {
+    routesById,
+    state
+  } = useRouter();
+
+  // const matches = useRouterState({
+  //   select: (state) => {
+  //     return state.matches
+  //   },
+  // })
+
+  const {
+    matches
+  } = state;
+  const locationKey = useRouterState({
+    select: d => d.resolvedLocation.state?.key
+  });
+  const route$1 = routesById[route.rootRouteId];
+  const errorComponent = React__namespace.useCallback(props => {
+    return /*#__PURE__*/React__namespace.createElement(ErrorComponent, {
+      ...props,
+      useMatch: route$1.useMatch,
+      useRouteMeta: route$1.useRouteMeta,
+      useSearch: route$1.useSearch,
+      useParams: route$1.useParams
+    });
+  }, [route$1]);
+  return /*#__PURE__*/React__namespace.createElement(matchesContext.Provider, {
+    value: matches
+  }, /*#__PURE__*/React__namespace.createElement(CatchBoundary, {
+    resetKey: locationKey,
+    errorComponent: errorComponent,
+    onCatch: () => {
+      warning__default["default"](false, `Error in router! Consider setting an 'errorComponent' in your RootRoute! 👍`);
+    }
+  }, matches.length ? /*#__PURE__*/React__namespace.createElement(Match, {
+    matches: matches
+  }) : null));
+}
 function MatchRoute(props) {
   const matchRoute = useMatchRoute();
   const params = matchRoute(props);
@@ -384,44 +342,47 @@ function MatchRoute(props) {
   return !!params ? props.children : null;
 }
 function Outlet() {
-  const matchIds = React__namespace.useContext(matchIdsContext).slice(1);
-  if (!matchIds[0]) {
+  const matches = React__namespace.useContext(matchesContext).slice(1);
+  if (!matches[0]) {
     return null;
   }
   return /*#__PURE__*/React__namespace.createElement(Match, {
-    matchIds: matchIds
+    matches: matches
   });
 }
 const defaultPending = () => null;
 function Match({
-  matchIds
+  matches
 }) {
-  const router = useRouter();
-  const matchId = matchIds[0];
-  const routeId = router.getRouteMatch(matchId).routeId;
-  const route = router.getRoute(routeId);
+  const {
+    options,
+    routesById
+  } = useRouter();
+  const match = matches[0];
+  const routeId = match?.routeId;
+  const route = routesById[routeId];
   const locationKey = useRouterState({
     select: s => s.resolvedLocation.state?.key
   });
-  const PendingComponent = route.options.pendingComponent ?? router.options.defaultPendingComponent ?? defaultPending;
-  const routeErrorComponent = route.options.errorComponent ?? router.options.defaultErrorComponent ?? ErrorComponent;
+  const PendingComponent = route.options.pendingComponent ?? options.defaultPendingComponent ?? defaultPending;
+  const routeErrorComponent = route.options.errorComponent ?? options.defaultErrorComponent ?? ErrorComponent;
   const ResolvedSuspenseBoundary = route.options.wrapInSuspense ?? !route.isRoot ? React__namespace.Suspense : SafeFragment;
   const ResolvedCatchBoundary = !!routeErrorComponent ? CatchBoundary : SafeFragment;
   const errorComponent = React__namespace.useCallback(props => {
     return /*#__PURE__*/React__namespace.createElement(routeErrorComponent, {
       ...props,
       useMatch: route.useMatch,
-      useRouteContext: route.useRouteContext,
+      useRouteMeta: route.useRouteMeta,
       useSearch: route.useSearch,
       useParams: route.useParams
     });
   }, [route]);
-  return /*#__PURE__*/React__namespace.createElement(matchIdsContext.Provider, {
-    value: matchIds
+  return /*#__PURE__*/React__namespace.createElement(matchesContext.Provider, {
+    value: matches
   }, /*#__PURE__*/React__namespace.createElement(ResolvedSuspenseBoundary, {
     fallback: /*#__PURE__*/React__namespace.createElement(PendingComponent, {
       useMatch: route.useMatch,
-      useRouteContext: route.useRouteContext,
+      useRouteMeta: route.useRouteMeta,
       useSearch: route.useSearch,
       useParams: route.useParams
     })
@@ -429,44 +390,32 @@ function Match({
     resetKey: locationKey,
     errorComponent: errorComponent,
     onCatch: () => {
-      warning__default["default"](false, `Error in route match: ${matchId}`);
+      warning__default["default"](false, `Error in route match: ${match.id}`);
     }
   }, /*#__PURE__*/React__namespace.createElement(MatchInner, {
-    matchId: matchId,
-    PendingComponent: PendingComponent
+    match: match
   }))));
 }
 function MatchInner({
-  matchId,
-  PendingComponent
+  match
 }) {
-  const router = useRouter();
-  const match = useRouterState({
-    select: d => {
-      const match = d.matchesById[matchId];
-      return routerCore.pick(match, ['status', 'loadPromise', 'routeId', 'error']);
-    }
-  });
-  const route = router.getRoute(match.routeId);
+  const {
+    options,
+    routesById
+  } = useRouter();
+  const route = routesById[match.routeId];
   if (match.status === 'error') {
     throw match.error;
   }
   if (match.status === 'pending') {
-    return /*#__PURE__*/React__namespace.createElement(PendingComponent, {
-      useLoader: route.useLoader,
-      useMatch: route.useMatch,
-      useRouteContext: route.useRouteContext,
-      useSearch: route.useSearch,
-      useParams: route.useParams
-    });
+    throw match.loadPromise;
   }
   if (match.status === 'success') {
-    let comp = route.options.component ?? router.options.defaultComponent;
+    let comp = route.options.component ?? options.defaultComponent;
     if (comp) {
       return /*#__PURE__*/React__namespace.createElement(comp, {
-        useLoader: route.useLoader,
         useMatch: route.useMatch,
-        useRouteContext: route.useRouteContext,
+        useRouteMeta: route.useRouteMeta,
         useSearch: route.useSearch,
         useParams: route.useParams
       });
@@ -478,24 +427,37 @@ function MatchInner({
 function SafeFragment(props) {
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, props.children);
 }
-function useInjectHtml() {
-  const router = useRouter();
-  return React__namespace.useCallback(html => {
-    router.injectHtml(html);
-  }, []);
-}
-function useDehydrate() {
-  const router = useRouter();
-  return React__namespace.useCallback(function dehydrate(key, data) {
-    return router.dehydrateData(key, data);
-  }, []);
-}
-function useHydrate() {
-  const router = useRouter();
-  return function hydrate(key) {
-    return router.hydrateData(key);
-  };
-}
+
+// export function useInjectHtml() {
+//   const { } = useRouter()
+
+//   return React.useCallback(
+//     (html: string | (() => Promise<string> | string)) => {
+//       router.injectHtml(html)
+//     },
+//     [],
+//   )
+// }
+
+// export function useDehydrate() {
+//   const { } = useRouter()
+
+//   return React.useCallback(function dehydrate<T>(
+//     key: any,
+//     data: T | (() => Promise<T> | T),
+//   ) {
+//     return router.dehydrateData(key, data)
+//   },
+//   [])
+// }
+
+// export function useHydrate() {
+//   const { } = useRouter()
+
+//   return function hydrate<T = unknown>(key: any) {
+//     return router.hydrateData(key) as T
+//   }
+// }
 
 // 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
@@ -586,10 +548,12 @@ function ErrorComponent({
   }, error.message ? /*#__PURE__*/React__namespace.createElement("code", null, error.message) : null)) : null);
 }
 function useBlocker(message, condition = true) {
-  const router = useRouter();
+  const {
+    history
+  } = useRouter();
   React__namespace.useEffect(() => {
     if (!condition) return;
-    let unblock = router.history.block((retry, cancel) => {
+    let unblock = history.block((retry, cancel) => {
       if (window.confirm(message)) {
         unblock();
         retry();
@@ -631,27 +595,21 @@ exports.CatchBoundaryImpl = CatchBoundaryImpl;
 exports.ErrorComponent = ErrorComponent;
 exports.Link = Link;
 exports.MatchRoute = MatchRoute;
+exports.Matches = Matches;
 exports.Navigate = Navigate;
 exports.Outlet = Outlet;
-exports.RouterProvider = RouterProvider;
 exports.lazyRouteComponent = lazyRouteComponent;
-exports.matchIdsContext = matchIdsContext;
-exports.routerContext = routerContext;
+exports.matchesContext = matchesContext;
 exports.shallow = shallow;
 exports.useBlocker = useBlocker;
-exports.useDehydrate = useDehydrate;
-exports.useHydrate = useHydrate;
-exports.useInjectHtml = useInjectHtml;
 exports.useLinkProps = useLinkProps;
-exports.useLoader = useLoader;
 exports.useMatch = useMatch;
 exports.useMatchRoute = useMatchRoute;
 exports.useMatches = useMatches;
 exports.useNavigate = useNavigate;
 exports.useParams = useParams;
-exports.useRouteContext = useRouteContext;
+exports.useRouteMeta = useRouteMeta;
 exports.useRouter = useRouter;
-exports.useRouterContext = useRouterContext;
 exports.useRouterState = useRouterState;
 exports.useSearch = useSearch;
 //# sourceMappingURL=react.js.map