feat: expose onChange to react wrapper (#110)

dkaoster · Jun 14, 2024 · bd9e632 · bd9e632
1 parent d65cd75
commit bd9e632
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/ScrollyVideo.jsx b/src/ScrollyVideo.jsx
@@ -21,6 +21,7 @@ const ScrollyVideoComponent = forwardRef(function ScrollyVideoComponent(
     videoPercentage,
     debug,
     onReady,
+    onChange,
   },
   ref,
 ) {
@@ -34,6 +35,9 @@ const ScrollyVideoComponent = forwardRef(function ScrollyVideoComponent(
   const onReadyRef = useRef(onReady);
   onReadyRef.current = onReady;
 
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+
   // effect for destroy and recreate on props change (except video percentage)
   useEffect(() => {
     if (!containerElement.current) return;
@@ -55,8 +59,9 @@ const ScrollyVideoComponent = forwardRef(function ScrollyVideoComponent(
       lockScroll,
       useWebCodecs,
       debug,
-      videoPercentage: videoPercentageRef.current,
       onReady: onReadyRef.current,
+      onChange: onChangeRef.current,
+      videoPercentage: videoPercentageRef.current,
     });
 
     setInstance(scrollyVideo);