useApp.jsx

import React, {
  createContext,
  useState,
  useContext
} from 'react'

const AppContext = createContext({
  checking: true,
  setChecking (checking) {}
})

export function AppProvider ({ children }) {
  const [checking, setChecking] = useState(true)
  const value = { checking, setChecking }
  return (
    <AppContext.Provider
      value={value}
      children={children}
    />
  )
}

export default function useApp () {
  return useContext(AppContext)
}