Использование useEffect с вызовом Axios API без постоянной перерисовки (с Typescript)

Question

Я получаю данные из API в файле, который является поставщиком контекста моего приложения React. Однако когда я отправляю некоторые данные в API из компонента, потребляющего контекст, данные не обновляются в реальном времени, и мне приходится обновлять страницу, чтобы увидеть, как она обновляется. Как мне убедиться, что он продолжает проверять API на наличие новых данных?

Я добавил состояние элементов в массив зависимостей в функции useEffect, но это приводит к постоянному вызову API, а не только при изменении данных.

ItemsContext.tsx

  const [items, setItems] = useState();


  useEffect(() => {
    const fetchData = async () =>
      {
        try {
          const res = await axios.get(config().URI);
          setItems(res.data.items);
        } catch (error) {
          throw error;
        }
      };
    fetchData();
  }, []);