@chromahq/react 1.0.13 → 1.0.15

package/dist/index.js

@@ -346,16 +346,26 @@ const BridgeProvider = ({
     updateStatus("connecting");
     connect();
   }, [connect, updateStatus]);
+  const statusRef = useRef(status);
+  const bridgeRef = useRef(bridge);
+  useEffect(() => {
+    statusRef.current = status;
+  }, [status]);
+  useEffect(() => {
+    bridgeRef.current = bridge;
+  }, [bridge]);
   useEffect(() => {
     connect();
     const handleVisibilityChange = () => {
       if (document.visibilityState === "visible") {
-        if (status === "disconnected" || status === "error") {
+        const currentStatus = statusRef.current;
+        const currentBridge = bridgeRef.current;
+        if (currentStatus === "disconnected" || currentStatus === "error") {
           console.log("[Bridge] Tab became visible, attempting reconnection...");
           retryCountRef.current = 0;
           connect();
-        } else if (status === "connected" && bridge) {
-          bridge.ping().then((alive) => {
+        } else if (currentStatus === "connected" && currentBridge) {
+          currentBridge.ping().then((alive) => {
             if (!alive) {
               console.warn(
                 "[Bridge] Tab became visible but service worker unresponsive, reconnecting..."
@@ -377,7 +387,7 @@ const BridgeProvider = ({
       }
       cleanup();
     };
-  }, [connect, cleanup, status, bridge]);
+  }, [connect, cleanup]);
   const contextValue = useMemo(
     () => ({
       bridge,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chromahq/react",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "description": "React bindings for the Chroma Chrome extension framework",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",