up

packages/react/src/chat/provider.tsx

@@ -24,41 +24,37 @@ export function ChatProvider(props: ChatProviderProps): JSX.Element {
     headers,
   } = props;
 
-  const store = useRef<ChatStore>(null);
-
-  // biome-ignore lint/correctness/useExhaustiveDependencies: false positive
-  useEffect(() => {
-    store.current = createChatStore({
-      apiUrl,
-      headers,
-      projectKey,
-      chatOptions,
-      debug,
-      persistChatHistory: chatOptions?.history,
-      storeKey,
-    });
-  }, [storeKey]);
-
-  if (!store.current) {
-    store.current = createChatStore({
-      apiUrl,
-      headers,
-      projectKey,
-      chatOptions,
-      debug,
-      persistChatHistory: chatOptions?.history,
+  const store = useRef<{
+    storeKey: string | undefined;
+    store: ChatStore | null;
+  }>({
+    storeKey: undefined,
+    store: null,
+  });
+
+  if (store.current?.storeKey !== storeKey) {
+    store.current = {
       storeKey,
-    });
+      store: createChatStore({
+        apiUrl,
+        headers,
+        projectKey,
+        chatOptions,
+        debug,
+        persistChatHistory: chatOptions?.history,
+        storeKey,
+      }),
+    };
   }
 
   // update chat options when they change
   useEffect(() => {
     if (!chatOptions) return;
-    store.current?.getState().setOptions(chatOptions);
+    store.current?.store?.getState().setOptions(chatOptions);
   }, [chatOptions]);
 
   return (
-    <ChatContext.Provider value={store.current}>
+    <ChatContext.Provider value={store.current?.store}>
       {children}
     </ChatContext.Provider>
   );