fix container ref instances

This commit is contained in:
jeffvli
2025-11-16 01:10:40 -08:00
parent 4ba7306855
commit 31d9ab048d
14 changed files with 155 additions and 164 deletions
@@ -44,7 +44,7 @@ const pageVariants: Variants = {
export function GridCarousel(props: GridCarouselProps) {
const { cards, hasNextPage, loadNextPage, onNextPage, onPrevPage, rowCount = 1, title } = props;
const cq = useContainerQuery({
const { ref, ...cq } = useContainerQuery({
lg: 900,
md: 600,
sm: 360,
@@ -120,7 +120,7 @@ export function GridCarousel(props: GridCarouselProps) {
}, [handleNextPage, handlePrevPage, isNextDisabled, isPrevDisabled, x]);
return (
<div className={styles.gridCarousel} ref={cq.ref}>
<div className={styles.gridCarousel} ref={ref}>
{cq.isCalculated && (
<>
<div className={styles.navigation}>