shaka-video-element 0.6.3 → 0.6.4

package/dist/react.js

@@ -1,12 +1,12 @@
 // This file is generated by media-elements/scripts/build-react-wrapper!
 'use client';
 
-import React, { useRef, useEffect } from 'react';
+import React from 'react';
 import Element from '../shaka-video-element.js';
 
 export default React.forwardRef((allProps, ref) => {
   let { children, suppressHydrationWarning, ...props } = allProps;
-  ref ??= useRef();
+  const elementRef = React.useRef(null);
 
   for (let name in props) {
     if (name[0] === 'o' && name[1] === 'n') {
@@ -14,8 +14,8 @@ export default React.forwardRef((allProps, ref) => {
       const eventName = name.slice(2, useCapture ? name.length - 7 : undefined).toLowerCase();
       const callback = props[name];
 
-      useEffect(() => {
-        const eventTarget = ref?.current;
+      React.useEffect(() => {
+        const eventTarget = elementRef?.current;
         if (!eventTarget || typeof callback !== 'function') return;
 
         eventTarget.addEventListener(eventName, callback, useCapture);
@@ -23,7 +23,7 @@ export default React.forwardRef((allProps, ref) => {
         return () => {
           eventTarget.removeEventListener(eventName, callback, useCapture);
         };
-      }, [ref?.current, callback]);
+      }, [elementRef?.current, callback]);
     }
   }
 
@@ -47,7 +47,17 @@ export default React.forwardRef((allProps, ref) => {
 
   return React.createElement('shaka-video', {
     ...attrs,
-    ref,
+    ref: React.useCallback(
+      (node) => {
+        elementRef.current = node;
+        if (typeof ref === 'function') {
+          ref(node);
+        } else if (ref !== null) {
+          ref.current = node;
+        }
+      },
+      [ref]
+    ),
     children,
     suppressHydrationWarning,
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaka-video-element",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "description": "Custom element (web component) for Shaka Player",
   "author": "@muxinc",
   "license": "MIT",
@@ -34,7 +34,7 @@
     "shaka-player": "^4.8.4"
   },
   "devDependencies": {
-    "build-react-wrapper": "^0.1.4",
+    "build-react-wrapper": "^0.1.5",
     "npm-run-all": "^4.1.5",
     "wet-run": "^1.2.2"
   },