setInterval관련 질문

setInterval을 통해 캐러셀을 계속 움직이게 하려니까 오류가 생기더라구요
그래서 구글링해서 useInterval함수를 만들어서 사용하라고 해서 코드를 고쳤습니다.

useInterval함수는 

function useInterval(callback, delay) {
  const savedCallback = useRef(null);

  useEffect(() => {
    savedCallback.current = callback;
  }, [callback]);

  useEffect(() => {
    const executeCallback = () => {
      savedCallback.current();
    };

    const timerId = setInterval(executeCallback, delay);

    return () => clearInterval(timerId);
  }, []);
};
이렇게 만들었고
useEffect(()=>{
    useInterval(()=> {
      if(mainCarouselImgNum != 3)
            setMainCarouselImgNum(mainCarouselImgNum+1);
        else
          setMainCarouselImgNum(1);
    },4000);
  },[])
처음 들어왔을 때만 실행되도록 useEffect를 사용했습니다. 그런데 오류메세지로 useInterval에 콜백함수를 넣으라고 오류 메세지가 계속 생깁니다.
useEffect없이 useInterval만 적으면 작동이 매우 잘 되는데 useEffect에 넣으면 작동이 되지 않습니다.
어떻게 해야 하나요?