useData.js

export default function useData(initData) {
  const [data, setData] = useState(initData);
  useEffect(() => {
    const intervalId = setInterval(async () => {
      const newData = await fetch('https://data-api.com/getData').then(response => response.json());
      setData(newData);
    }, 50000);
    return () => {
      clearInterval(intervalId);
    };
  }, []);
  return data;
}