useClientContext.ts

import { useContext } from 'react';
import { ClientContext } from '../context';
import type { ClientContextType } from '../context';

function useClientContext(): ClientContextType {
  const clientContext = useContext(ClientContext);
  if (!clientContext) {
    throw new Error('You must use `ClientContextProvider` to access the `ClientContext`.');
  }
  return clientContext;
}

export default useClientContext;