From b312405285b8d50f3adb9ef13b4ef347605b46d8 Mon Sep 17 00:00:00 2001
From: Isra <byzkk@protonmail.com>
Date: Thu, 30 Oct 2025 11:39:30 +0800
Subject: [PATCH] Fix ref

---
 src/components/player/atoms/ProgressBar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/player/atoms/ProgressBar.tsx b/src/components/player/atoms/ProgressBar.tsx
index 5187df49..90b91dcc 100644
--- a/src/components/player/atoms/ProgressBar.tsx
+++ b/src/components/player/atoms/ProgressBar.tsx
@@ -22,7 +22,7 @@ function ThumbnailDisplay(props: { at: number; show: boolean }) {
     offscreenLeft: 0,
     offscreenRight: 0,
   });
-  const ref = useRef<HTMLImageElement>(null);
+  const ref = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
     if (!ref.current) return;
@@ -50,7 +50,7 @@ function ThumbnailDisplay(props: { at: number; show: boolean }) {
   return (
     <div className="flex flex-col items-center -translate-x-1/2 pointer-events-none">
       <div className="w-screen flex justify-center">
-        <div ref={ref as unknown as React.RefObject<HTMLDivElement>}>
+        <div ref={ref}>
           <div
             style={{
               transform: `translateX(${transformX}px)`,