@jokkoo/sdk-react 0.1.0 → 0.1.1

package/dist/index.mjs

@@ -492,7 +492,15 @@ function JokkooProvider({
   }
   const queryClient = externalQueryClient ?? internalQueryClientRef.current;
   const translations = useMemo(() => getTranslations(locale), [locale]);
-  const apiClient = useMemo(() => {
+  const configKey = [
+    clientToken,
+    baseUrl ?? "",
+    locale ?? "",
+    String(debug ?? false),
+    String(tokenRefreshBufferSeconds ?? "")
+  ].join("\0");
+  const clientsRef = useRef2(null);
+  if (clientsRef.current?.configKey !== configKey || !Jokkoo.isInitialized()) {
     Jokkoo.init({
       clientToken,
       baseUrl,
@@ -501,10 +509,15 @@ function JokkooProvider({
       tokenRefreshBufferSeconds,
       userTokenProvider: () => tokenProviderRef.current()
     });
-    void Jokkoo.getRealtimeClient().connect();
-    return new JokkooApiClient(Jokkoo.getConfig(), Jokkoo.getTokenManager());
-  }, [clientToken, baseUrl, locale, debug, tokenRefreshBufferSeconds]);
-  const realtimeClient = useMemo(() => Jokkoo.getRealtimeClient(), [apiClient]);
+    const realtimeClient2 = Jokkoo.getRealtimeClient();
+    void realtimeClient2.connect();
+    clientsRef.current = {
+      configKey,
+      apiClient: new JokkooApiClient(Jokkoo.getConfig(), Jokkoo.getTokenManager()),
+      realtimeClient: realtimeClient2
+    };
+  }
+  const { apiClient, realtimeClient } = clientsRef.current;
   const { unreadCount, markConversationRead, isConversationUnread } = useGlobalRealtimeListener({
     apiClient,
     realtimeClient,
@@ -514,9 +527,10 @@ function JokkooProvider({
   });
   useEffect2(() => {
     return () => {
+      clientsRef.current = null;
       Jokkoo.destroy();
     };
-  }, []);
+  }, [configKey]);
   const resetNavigation = useCallback2(() => {
     setCurrentScreen(initialScreen);
     setIsExpanded(false);