PATCH right thumb not dragging video correctly

package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "vodSystem",
+  "name": "VoD-System",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {

package.json

@@ -124,7 +124,7 @@
       "workbox-core": "7.3.0",
       "workbox-precaching": "7.3.0"
     },
-    "hash": "c9aa2dc3684f659cdacbd7235263e79680332a1d6598b09ea248bfa5d0d96fa9"
+    "hash": "6691688a44297a5558ef37db2e66ab96a2b26de25ce9dd16419318e19f092916"
   },
   "type": "module",
   "overrides": {
@@ -155,6 +155,7 @@
     "@tailwindcss/vite": "$@tailwindcss/vite",
     "react-router-dom": "$react-router-dom",
     "react-player": "$react-player",
-    "react-range-slider-input": "$react-range-slider-input"
+    "react-range-slider-input": "$react-range-slider-input",
+    "react-slider": "$react-slider"
   }
 }

src/main/frontend/views/video/{id}.tsx

@@ -27,21 +27,21 @@ export default function video() {
     const [metadata, setMetadata] = useState<VideoMetadata | null>(null);
     const [sliderValue, setSliderValue] = useState(0);
 
-    let previousRangeSliderInput = [0, 0];
+    let previousRangeSliderInput = useRef<[number, number]>([0, 0]);
     const handleRangeSliderInput = (val: [number, number]) => {
         if (!videoRef.current) {
             return;
         }
 
-        if (previousRangeSliderInput[0] != val[0]) {
+        if (previousRangeSliderInput.current[0] != val[0]) {
             videoRef.current.currentTime = val[0];
             setSliderValue(val[0]);
-        } else if (previousRangeSliderInput[1] != val[1]) {
+        } else if (previousRangeSliderInput.current[1] != val[1]) {
             videoRef.current.currentTime = val[1];
             setSliderValue(val[1]);
         }
 
-        previousRangeSliderInput = val;
+        previousRangeSliderInput.current = val;
     };
 
     const updateVideoTag = (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -50,7 +50,7 @@ export default function video() {
         }
 
         setSliderValue(parseFloat(e.target.value));
-        //videoRef.current.currentTime = parseFloat(e.target.value);
+        videoRef.current.currentTime = parseFloat(e.target.value);
     };
 
     useEffect(() => {