@micromag/core 0.4.28 → 0.4.30

package/es/contexts.js

@@ -1019,16 +1019,21 @@ var usePlaybackMediaRef = function usePlaybackMediaRef() {
     setIsBackground = _usePlaybackContext.setIsBackground,
     media = _usePlaybackContext.media;
   var mediaRef = useRef(null);
+  // Track latest media value in a ref so the cleanup function can check ownership
+  // without having media in the dependency array (which would cause cleanup to run
+  // on every registration, immediately clearing the media that was just set).
+  var mediaValueRef = useRef(media);
+  mediaValueRef.current = media;
 
   // Cleanup: only clear if this ref owns the current media registration
   useEffect(function () {
     return function () {
-      if (active && mediaRef.current !== null && mediaRef.current === media) {
+      if (active && mediaRef.current !== null && mediaRef.current === mediaValueRef.current) {
         setMedia(null);
         setIsBackground(false);
       }
     };
-  }, [active, setMedia, setIsBackground, media]);
+  }, [active, setMedia, setIsBackground]);
 
   // Register media with context when active and no media is registered
   useEffect(function () {

package/lib/contexts.js

@@ -1019,16 +1019,21 @@ var usePlaybackMediaRef = function usePlaybackMediaRef() {
     setIsBackground = _usePlaybackContext.setIsBackground,
     media = _usePlaybackContext.media;
   var mediaRef = React.useRef(null);
+  // Track latest media value in a ref so the cleanup function can check ownership
+  // without having media in the dependency array (which would cause cleanup to run
+  // on every registration, immediately clearing the media that was just set).
+  var mediaValueRef = React.useRef(media);
+  mediaValueRef.current = media;
 
   // Cleanup: only clear if this ref owns the current media registration
   React.useEffect(function () {
     return function () {
-      if (active && mediaRef.current !== null && mediaRef.current === media) {
+      if (active && mediaRef.current !== null && mediaRef.current === mediaValueRef.current) {
         setMedia(null);
         setIsBackground(false);
       }
     };
-  }, [active, setMedia, setIsBackground, media]);
+  }, [active, setMedia, setIsBackground]);
 
   // Register media with context when active and no media is registered
   React.useEffect(function () {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.4.28",
+    "version": "0.4.30",
     "private": false,
     "description": "",
     "keywords": [
@@ -161,6 +161,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "1b14d4403eb5decff05346870eb849a96f636604",
+    "gitHead": "7df8ed5c6b5f3096a94f2bb952858e73227e12bb",
     "types": "es/index.d.ts"
 }