code-share/renderer/context.tsx

// https://vike.dev/usePageContext
// eslint-disable-next-line react-refresh/only-export-components
export { usePageContext };
export { PageContextProvider };

import React, { useContext } from "react";
import type { PageContext } from "vike/types";

const Context = React.createContext<PageContext>(
  undefined as unknown as PageContext
);

type Props = {
  pageContext: PageContext;
  children: React.ReactNode;
};

const PageContextProvider = ({ pageContext, children }: Props) => {
  return <Context.Provider value={pageContext}>{children}</Context.Provider>;
};

/** https://vike.dev/usePageContext */
function usePageContext() {
  const pageContext = useContext(Context);
  return pageContext;
}