Компонент при обращении в onClick по ref выдает undefined, как исправить?

Question

[Alex]

Есть определение реф let animComp = useRef(); const listAnim1=['path1' , 'path2' , 'path3'] , есть функция

const nextAnim = useCallback((anComp,list)=>{
        console.log(anComp);
        anComp=anComp.current;
        const currentIndex = list.indexOf(anComp.path);
        const nextIndex = (currentIndex + 1) % list.length;
        const newPath = list[nextIndex];
        anComp.updatePath(newPath);
    },[])

В рендер идут элементы с привязкой реф и сlick событием в котором передается реф

...
<button onClick={() => { nextAnim(animComp, listAnim1) }}>Другой путь</button>
<AnimationComp
                          ref={animComp}
                          path="/anim/ruletka/1.svg"
                      />
...

Но при нажатии в консоль выдает лишь объект {current : undefined}
Подскажите, в чем тут загвоздка и как исправить?