import { useEffect, useRef } from 'react';
import useSWR from 'swr';

const useSWRWithFallbackData = (
  key: string,
  fetcher: any,
  options = {
    fallbackData: {},
  }
) => {
  const hasMounted = useRef(false);

  useEffect(() => {
    hasMounted.current = true;
  }, []);

  return useSWR(key, fetcher, {
    ...options,
    fallbackData: hasMounted.current ? undefined : options?.fallbackData,
  });
};

export default useSWRWithFallbackData;