Provider.tsx

import { createContext, useContext } from "react"

import { Children } from "types"

interface State {}

export const Context = createContext<State>({})

interface Props extends Children {}

export const Provider = ({ children }: Props) => {
  const value: State = {}

  return <Context.Provider value={value}>{children}</Context.Provider>
}

export const use = () => {
  const context = useContext(Context)

  if (context === undefined) {
    throw new Error("use must be used within a Provider")
  }

  return context
}