react-realtime-hooks 1.4.1 → 1.4.2

package/dist/index.js

@@ -1,4 +1,4 @@
-import { useSyncExternalStore, useRef, useState, useEffect, useMemo, useInsertionEffect, useCallback } from 'react';
+import { useSyncExternalStore, useRef, useState, useEffect, useInsertionEffect, useMemo, useCallback } from 'react';
 
 // src/hooks/useOnlineStatus.ts
 
@@ -464,7 +464,9 @@ var useReconnect = (options = {}) => {
     () => createInitialState(normalizedOptions.enabled)
   );
   const stateRef = useRef(state);
-  stateRef.current = state;
+  useInsertionEffect(() => {
+    stateRef.current = state;
+  });
   const commitState = (next) => {
     const resolved = typeof next === "function" ? next(stateRef.current) : next;
     stateRef.current = resolved;
@@ -597,7 +599,9 @@ var useHeartbeat = (options) => {
     () => createInitialState2(enabled && startOnMount)
   );
   const stateRef = useRef(state);
-  stateRef.current = state;
+  useInsertionEffect(() => {
+    stateRef.current = state;
+  });
   const commitState = (next) => {
     const resolved = typeof next === "function" ? next(stateRef.current) : next;
     stateRef.current = resolved;
@@ -940,7 +944,9 @@ var useWebSocket = (options) => {
     () => createInitialState4(connect ? "connecting" : "idle")
   );
   const stateRef = useRef(state);
-  stateRef.current = state;
+  useInsertionEffect(() => {
+    stateRef.current = state;
+  });
   const reconnectEnabled = options.reconnect !== false && supported && resolvedUrl !== null;
   const reconnect = useReconnect(
     options.reconnect === false ? { enabled: false } : {
@@ -1513,7 +1519,9 @@ var useEventSource = (options) => {
     () => createInitialState5(connect ? "connecting" : "idle")
   );
   const stateRef = useRef(state);
-  stateRef.current = state;
+  useInsertionEffect(() => {
+    stateRef.current = state;
+  });
   const reconnectEnabled = options.reconnect !== false && supported && resolvedUrl !== null;
   const reconnect = useReconnect(
     options.reconnect === false ? { enabled: false } : {