useRef initial state

jaedb · Jan 3, 2024 · 6f6ad99 · 6f6ad99
1 parent 35e1eb2
commit 6f6ad99
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/js/views/Modals/KioskMode.js b/src/js/views/Modals/KioskMode.js
@@ -17,15 +17,15 @@ const LyricsScroller = ({
   content = '',
   percent = 0,
 }) => {
-  const containerRef = useRef({});
-  const contentRef = useRef({});
+  const containerRef = useRef(null);
+  const contentRef = useRef(null);
   const [autoScroll, setAutoScroll] = useState(true);
   const onWheel = () => setAutoScroll(false);
 
   useEffect(() => {
     if (autoScroll) {
-      const scrollable = contentRef.current?.scrollHeight - containerRef.current.clientHeight;
-      containerRef.current.scrollTo(0, percent * scrollable)
+      const height = (contentRef.current?.scrollHeight - containerRef.current?.clientHeight) || 0;
+      containerRef.current.scrollTo(0, percent * height)
     }
   }, [percent]);