AppProvider.tsx

import * as React from 'react'

type AppContextType = {
  mode: string
  toggleMode: () => void
}

export const AppContext = React.createContext<Partial<AppContextType>>({
  mode: 'default'
})

export const useAppContext = () => React.useContext(AppContext)

const AppProvider: React.FC<AppContextType> = ({ children, ...rest }) => {
  return <AppContext.Provider value={{ ...rest }}>{children}</AppContext.Provider>
}

export default AppProvider