@copilotkit/react-ui 1.3.7 → 1.3.8-fix-memoize-chat-ui-context.0

package/dist/index.mjs

@@ -4,35 +4,35 @@ import "./chunk-JD7BAH7U.mjs";
 import "./chunk-MRFF7GSQ.mjs";
 import {
   CopilotSidebar
-} from "./chunk-TYYJR3LE.mjs";
+} from "./chunk-KCAVDFB6.mjs";
 import "./chunk-WB3YULQ4.mjs";
 import {
   CopilotPopup
-} from "./chunk-JQOSF44H.mjs";
-import "./chunk-6VYMULPK.mjs";
-import "./chunk-FO7Z5LAL.mjs";
-import "./chunk-FLV3J3VX.mjs";
-import "./chunk-YOH25I6N.mjs";
+} from "./chunk-SWADR6EH.mjs";
+import "./chunk-47OPG5FM.mjs";
+import "./chunk-YAGE7RCE.mjs";
+import "./chunk-VEC45H6Q.mjs";
+import "./chunk-RQNJNK2W.mjs";
 import {
   CopilotChat
-} from "./chunk-7YQICPBC.mjs";
+} from "./chunk-3KBQXU44.mjs";
 import "./chunk-V7W6IM2V.mjs";
-import "./chunk-RWT7WRG2.mjs";
-import "./chunk-AAY3WWWC.mjs";
-import "./chunk-DP5YVGNX.mjs";
-import "./chunk-WHSD7DBC.mjs";
+import "./chunk-6BL5C56L.mjs";
+import "./chunk-ZABXREBH.mjs";
+import "./chunk-6INMITFA.mjs";
+import "./chunk-WYMTXCQU.mjs";
 import "./chunk-KFQYJ5R5.mjs";
 import "./chunk-RS6UPR5N.mjs";
 import "./chunk-4FIGRRFS.mjs";
 import "./chunk-OTPAZXVR.mjs";
-import "./chunk-BNCTYKEP.mjs";
+import "./chunk-JTINVYPK.mjs";
 import "./chunk-YQFVRDNC.mjs";
 import "./chunk-YQ3D5IQV.mjs";
-import "./chunk-SHTMRY45.mjs";
-import "./chunk-XSUSSWDS.mjs";
+import "./chunk-CPMIEVKK.mjs";
+import "./chunk-3XAXY2Z3.mjs";
 import {
   useChatContext
-} from "./chunk-BJPGMY3I.mjs";
+} from "./chunk-CBBFRI3Q.mjs";
 import "./chunk-UPTB2MVO.mjs";
 import "./chunk-FZC7X5PK.mjs";
 import "./chunk-IU3WTXLQ.mjs";

package/package.json

@@ -9,7 +9,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.3.7",
+  "version": "1.3.8-fix-memoize-chat-ui-context.0",
   "sideEffects": [
     "**/*.css"
   ],
@@ -40,9 +40,9 @@
     "ts-jest": "^29.1.1",
     "tsup": "^6.7.0",
     "typescript": "^5.2.3",
-    "eslint-config-custom": "1.3.7",
-    "tailwind-config": "1.3.7",
-    "tsconfig": "1.3.7"
+    "eslint-config-custom": "1.3.8-fix-memoize-chat-ui-context.0",
+    "tailwind-config": "1.3.8-fix-memoize-chat-ui-context.0",
+    "tsconfig": "1.3.8-fix-memoize-chat-ui-context.0"
   },
   "dependencies": {
     "@headlessui/react": "^2.1.3",
@@ -50,9 +50,9 @@
     "react-syntax-highlighter": "^15.5.0",
     "remark-gfm": "^3.0.1",
     "remark-math": "^5.1.1",
-    "@copilotkit/react-core": "1.3.7",
-    "@copilotkit/runtime-client-gql": "1.3.7",
-    "@copilotkit/shared": "1.3.7"
+    "@copilotkit/react-core": "1.3.8-fix-memoize-chat-ui-context.0",
+    "@copilotkit/runtime-client-gql": "1.3.8-fix-memoize-chat-ui-context.0",
+    "@copilotkit/shared": "1.3.8-fix-memoize-chat-ui-context.0"
   },
   "keywords": [
     "copilotkit",

package/src/components/chat/ChatContext.tsx

@@ -141,8 +141,8 @@ export const ChatContextProvider = ({
   open,
   setOpen,
 }: ChatContextProps) => {
-  const context = {
-    labels: {
+  const memoizedLabels = useMemo(
+    () => ({
       ...{
         initial: "",
         title: "CopilotKit",
@@ -152,9 +152,12 @@ export const ChatContextProvider = ({
         regenerateResponse: "Regenerate response",
       },
       ...labels,
-    },
+    }),
+    [labels],
+  );
 
-    icons: {
+  const memoizedIcons = useMemo(
+    () => ({
       ...{
         openIcon: DefaultIcons.OpenIcon,
         closeIcon: DefaultIcons.CloseIcon,
@@ -167,9 +170,19 @@ export const ChatContextProvider = ({
         pushToTalkIcon: DefaultIcons.PushToTalkIcon,
       },
       ...icons,
-    },
-    open,
-    setOpen,
-  };
+    }),
+    [icons],
+  );
+
+  const context = useMemo(
+    () => ({
+      labels: memoizedLabels,
+      icons: memoizedIcons,
+      open,
+      setOpen,
+    }),
+    [memoizedLabels, memoizedIcons, open, setOpen],
+  );
+
   return <ChatContext.Provider value={context}>{children}</ChatContext.Provider>;
 };