@djangocfg/centrifugo 2.1.81 → 2.1.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/centrifugo",
-  "version": "2.1.81",
+  "version": "2.1.82",
   "description": "Production-ready Centrifugo WebSocket client for React with real-time subscriptions, RPC patterns, and connection state management",
   "keywords": [
     "centrifugo",
@@ -51,9 +51,9 @@
     "centrifuge": "^5.2.2"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^2.1.81",
-    "@djangocfg/ui-nextjs": "^2.1.81",
-    "@djangocfg/layouts": "^2.1.81",
+    "@djangocfg/api": "^2.1.82",
+    "@djangocfg/ui-nextjs": "^2.1.82",
+    "@djangocfg/layouts": "^2.1.82",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
     "moment": "^2.30.1",
@@ -61,7 +61,7 @@
     "react-dom": "^19.1.0"
   },
   "devDependencies": {
-    "@djangocfg/typescript-config": "^2.1.81",
+    "@djangocfg/typescript-config": "^2.1.82",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
     "moment": "^2.30.1",

package/src/providers/CentrifugoProvider/CentrifugoProvider.tsx

@@ -115,6 +115,7 @@ function CentrifugoProviderInner({
   const connectRef = useRef<(() => Promise<void>) | null>(null);
   const disconnectRef = useRef<(() => void) | null>(null);
   const wasConnectedBeforeHiddenRef = useRef(false); // Track connection state before page hidden
+  const clientInstanceRef = useRef<CentrifugoRPCClient | null>(null); // Stable client reference for reconnection
 
   const centrifugoToken: CentrifugoToken | undefined = user?.centrifugo;
   const hasCentrifugoToken = !!centrifugoToken?.token;
@@ -222,6 +223,40 @@ function CentrifugoProviderInner({
     setError(null);
 
     try {
+      // Check if we can reuse existing client (reconnection scenario)
+      if (clientInstanceRef.current) {
+        logger.info('Reconnecting to WebSocket server (reusing client)...');
+        await clientInstanceRef.current.connect();
+
+        if (!isMountedRef.current) {
+          isConnectingRef.current = false;
+          return;
+        }
+
+        hasConnectedRef.current = true;
+        isConnectingRef.current = false;
+
+        // Clear any pending reconnect timeout
+        if (reconnectTimeoutRef.current) {
+          clearTimeout(reconnectTimeoutRef.current);
+          reconnectTimeoutRef.current = null;
+        }
+
+        // Use existing client reference - NO setClient() call to keep reference stable
+        setIsConnected(true);
+        setConnectionTime(new Date());
+        setError(null);
+
+        logger.success('WebSocket reconnected');
+
+        // Reset reconnect state on successful connection
+        reconnectAttemptRef.current = 0;
+        devWarningShownRef.current = false;
+        reconnectStoppedRef.current = false;
+        return;
+      }
+
+      // First connection - create new client
       logger.info('Connecting to WebSocket server...');
 
       if (!centrifugoToken?.token) {
@@ -265,6 +300,8 @@ function CentrifugoProviderInner({
         reconnectTimeoutRef.current = null;
       }
 
+      // Store client in ref for future reconnections
+      clientInstanceRef.current = rpcClient;
       setClient(rpcClient);
       setIsConnected(true);
       setConnectionTime(new Date());