Next.js PageProps Context

pagePropsContext.ts

import { createContext, useContext } from "react"
import { RootLayoutData } from "src/data/types"

export const pagePropsContext = createContext({})

export const PagePropsProvider = pagePropsContext.Provider

export function usePageProps<T>() {
  return useContext<T & RootLayoutData>(pagePropsContext as any)
}