this repo has no description
Experiment delay render items in carousel
+9
-1
+9
-1
src/components/timeline.jsx
+9
-1
src/components/timeline.jsx
···
714
714
// init?.();
715
715
// }, []);
716
716
717
+
const [render, setRender] = useState(false);
718
+
useEffect(() => {
719
+
setTimeout(() => {
720
+
setRender(true);
721
+
}, 1);
722
+
}, []);
723
+
717
724
return (
718
725
<div class={`status-carousel ${className}`}>
719
726
<header>
···
757
764
startButtonRef.current.disabled = inView;
758
765
}}
759
766
/>
760
-
{children}
767
+
{children[0]}
768
+
{render && children.slice(1)}
761
769
<InView
762
770
class="status-carousel-beacon"
763
771
onChange={(inView) => {