useIsClient.ts

import { useState, useEffect } from 'react';

const useIsClient = (): boolean => {
  const [isClient, setIsClient] = useState<boolean>(false);

  useEffect(() => {
    // This code runs only on the client
    setIsClient(true);
  }, []);

  return isClient;
};

export default useIsClient;