this repo has no description
Slight delay is needed
+2
-2
+2
-2
src/components/lazy-shazam.jsx
+2
-2
src/components/lazy-shazam.jsx
···
1
1
/*
2
2
Rendered but hidden. Only show when visible
3
3
*/
4
-
import { useLayoutEffect, useRef, useState } from 'preact/hooks';
4
+
import { useEffect, useRef, useState } from 'preact/hooks';
5
5
import { useInView } from 'react-intersection-observer';
6
6
7
7
// The sticky header, usually at the top
···
26
26
skip: visibleStart || visible,
27
27
});
28
28
29
-
useLayoutEffect(() => {
29
+
useEffect(() => {
30
30
if (!containerRef.current) return;
31
31
const rect = containerRef.current.getBoundingClientRect();
32
32
if (rect.bottom > TOP) {