@micromag/core 0.4.28 → 0.4.33

package/es/contexts.js

@@ -1020,15 +1020,17 @@ var usePlaybackMediaRef = function usePlaybackMediaRef() {
     media = _usePlaybackContext.media;
   var mediaRef = useRef(null);
 
-  // Cleanup: only clear if this ref owns the current media registration
+  // Cleanup: clear media registration when this screen deactivates or unmounts.
+  // Note: we cannot check mediaRef.current here because React clears callback refs
+  // before running effect cleanups, so mediaRef.current is always null at this point.
   useEffect(function () {
     return function () {
-      if (active && mediaRef.current !== null && mediaRef.current === media) {
+      if (active) {
         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

@@ -1020,15 +1020,17 @@ var usePlaybackMediaRef = function usePlaybackMediaRef() {
     media = _usePlaybackContext.media;
   var mediaRef = React.useRef(null);
 
-  // Cleanup: only clear if this ref owns the current media registration
+  // Cleanup: clear media registration when this screen deactivates or unmounts.
+  // Note: we cannot check mediaRef.current here because React clears callback refs
+  // before running effect cleanups, so mediaRef.current is always null at this point.
   React.useEffect(function () {
     return function () {
-      if (active && mediaRef.current !== null && mediaRef.current === media) {
+      if (active) {
         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.33",
     "private": false,
     "description": "",
     "keywords": [
@@ -161,6 +161,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "1b14d4403eb5decff05346870eb849a96f636604",
+    "gitHead": "8c44ced53cad6b575c85b556eb246f477cfb4933",
     "types": "es/index.d.ts"
 }