Function usePendingPage

packages/dev/s2-docs/src/Router.tsx:131–143

()

}

export function usePendingPage(): Page {
  let {pages, currentPage} = useRouter();
  let [snapshot, setSnapshot] = useState(getSnapshot());
  let pendingPage = snapshot.pathname ? getPageFromPathname(pages, snapshot.pathname) : null;

  useEffect(() => {
    return subscribe(() => {
      setSnapshot(getSnapshot());
    });
  }, []);

  return pendingPage ?? currentPage;
}

export function Main(props) {
  // Reset key when page changes. This causes the content to scroll to the top.