Компонент с запросом данных по интервалу не выполняет запрос при первом рендере

export default function PBCreator() {
    const pBName = 'Name'
    const dispatch = useDispatch()
    const intervalValue = useSelector(state => state.intervalValue.intervalValue) //кол-во миллисекунд берется из редакс-стейта    
 
    const getPBData = async () => {
            return await axios.get(
                 pBSrc,
                { headers: { 'Content-Type': 'application/json' } }
            ).then((res) => res.data.data)
        }
    
        const repeatFunction = async () => await getPBData().then((res) => dispatch(setPB(res))) //setPB пишет в редакс-стейт данные
 
    useEffect(() => {
        const interval = setInterval(repeatFunction, intervalValue)
        return () => clearInterval(interval)
    })
 
    return <LayersControlOverlay
                overlayName={pBName}
                overlayChecked={true}
                overlayContent={<FeatureGroupHOC grComponent={<PB />} grName={pBName} />}
            />
}

import React, { useEffect} from 'react';
 
const intervalValue = 1000
// Эмулятор запроса данных
const getData = _ => new Promise(res => setTimeout(res, 1000))
 
// Главный компонент приложения
const App = () => {
  let t
  useEffect(function loop() {
    getData()
      .then(_ => {
        console.log('Данные получены...')
        t = setTimeout(loop, intervalValue)
      })
      .catch(console.log)
    return _ => clearTimeout(t)
  })
  return (
    <div className="app">
      Тестирование запросов...
    </div>
  );
};
 
export default App

import React from 'react';
 
const fetchData = () =>
  new Promise((resolve) => {
    resolve(true);
  });
 
export default () => {
  const [state, setState] = React.useState(0);
  React.useEffect(() => {
    let ignore = false;
    fetchData().then((res) => {
      if (!ignore) {
        console.log('render', state);
        setTimeout(() => {
          setState(state + 1);
        }, 1000);
      }
    });
    return () => {
      ignore = true;
    };
  }, [state]);
 
  return <div>Тестирование запросов...{state}</div>;
};

useEffect(() => {
        repeatFunction();
        const interval = setInterval(repeatFunction, intervalValue)
        return () => clearInterval(interval)
}, [repeatFunction, intervalValue])