Function Router

packages/dev/s2-docs/src/Router.tsx:116–125

({currentPage, pages, children})

const RouterContext = createContext<RouterContextValue | null>(null);

export function Router({currentPage, pages, children}) {
  let snapshot = useDelayedSnapshot();
  let displayPage = snapshot.promise ? getPageFromPathname(pages, snapshot.pathname) : currentPage;

  return (
    <RouterContext value={{currentPage: displayPage, pages, isLoading: !!snapshot.promise}}>
      {children}
    </RouterContext>
  );
}

export function useRouter(): RouterContextValue {
  return useContext(RouterContext)!;