import React, { useContext } from 'react'; export interface IGlobalData { isMobile?: boolean; isBot?: boolean; } const GlobalDataContext = React.createContext({}); export const GlobalDataProvider = GlobalDataContext.Provider; export function useGlobalData(): IGlobalData { const context = useContext(GlobalDataContext); if (!context) { throw new Error( 'useGlobalData must be inside a GlobalDataProvider with a state value', ); } return context; }