const useSlideRefs = (slideCount: number) => {
const refs = useRef<Array<React.RefObject<any> | null>>([]);
useEffect(() => {
refs.current = Array(slideCount)
.fill(null)
.map((_, i) => refs.current[i] || React.createRef());
}, [slideCount]);
return refs.current;
};
const slidesRefs = useSlideRefs(slideCount);
console.log(slidesRefs);
const onResize = (): void => {
const newSlideAnchors = calculateAnchors(slidesRefs, gridGap, isInfinite);
};
useEffect(() => {
onResize();
}, []);
const useSlideRefs = (slideCount: number) => {
const refs = useRef<Array<React.RefObject<any> | null>>([]);
useEffect(() => {
refs.current = Array(slideCount)
.fill(null)
.map((_, i) => refs.current[i] || React.createRef());
}, [slideCount]);
return refs.current;
};
const slidesRefs = useSlideRefs(slideCount);
console.log(slidesRefs);
const onResize = (): void => {
const newSlideAnchors = calculateAnchors(slidesRefs, gridGap, isInfinite);
};
useEffect(() => {
onResize();
}, []);