Есть компонент Component1, в котором есть массив Refs useRef([]). Пытаюсь передать этот массив в другой компонент, но выдаёт ошибку: "Cannot read properties of undefined (reading 'current')", что невозможно прочитать свойства. Подскажите, как решить проблему?
const sectionRefs = useRef([]);
<ScrollToNextSection visibleSection={visibleSection} ref={sectionRefs} />
import { useState, useRef, forwardRef } from "react";
import "./ScrollToNextSection.css";
function ScrollToNextSection() {
const ScrollToSection = ({ visibleSection, ref }) => {
const currentIndex = ref.current.findIndex(
(ref) => ref && ref.id === visibleSection
);
const nextSection = ref.current[currentIndex + 1];
if (nextSection) {
nextSection.scrollIntoView({ behavior: "smooth" });
return;
}
ref.current[0].scrollIntoView({ behavior: "smooth" });
};
return (
<button onClick={ScrollToSection} className="scroll-btn">
Вниз
</button>
);
}
export default ScrollToNextSection;