diff --git a/space_flow/src/components/chatComponent/index.tsx b/space_flow/src/components/chatComponent/index.tsx
index a7bf1a44c..9a966f651 100644
--- a/space_flow/src/components/chatComponent/index.tsx
+++ b/space_flow/src/components/chatComponent/index.tsx
@@ -30,7 +30,7 @@ export default function Chat({flow, reactFlowInstance }:ChatType) {
   };
   useEffect(()=>{
     updateFlow({..._.cloneDeep(flow),chat:chatHistory})
-  },[saveChat])
+  },[chatHistory, flow, saveChat, updateFlow])
   useEffect(()=>{
     setChatHistory(flow.chat)
   },[flow])
diff --git a/space_flow/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/space_flow/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 81ea2598d..7359cf0c9 100644
--- a/space_flow/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/space_flow/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -14,34 +14,33 @@ export default function ExtraSidebar() {
   const [data, setData] = useState({});
   const { setTypes} = useContext(typesContext);
 
-  async function getTypes():Promise<void>{
-    const initialValue:{[char: string]: string} = {
-      str: "advanced",
-      bool: "advanced",
-      chatOutput: "chat",
-      chatInput: "chat",
-    }
-    let result = await getAll();
-    setData(result.data);
-    setTypes(
-      Object.keys(result.data).reduce(
-        (acc, curr) => {
-          Object.keys(result.data[curr]).forEach((c:keyof APIKindType) => {
-            acc[c] = curr;
-            result.data[curr][c].base_classes?.forEach((b) => {
-              acc[b] = curr;
-            });
-          });
-          return acc;
-        },
-        initialValue
-      )
-    );
-  }
-
   useEffect(() => {
+    async function getTypes():Promise<void>{
+      const initialValue:{[char: string]: string} = {
+        str: "advanced",
+        bool: "advanced",
+        chatOutput: "chat",
+        chatInput: "chat",
+      }
+      let result = await getAll();
+      setData(result.data);
+      setTypes(
+        Object.keys(result.data).reduce(
+          (acc, curr) => {
+            Object.keys(result.data[curr]).forEach((c:keyof APIKindType) => {
+              acc[c] = curr;
+              result.data[curr][c].base_classes?.forEach((b) => {
+                acc[b] = curr;
+              });
+            });
+            return acc;
+          },
+          initialValue
+        )
+      );
+    }
     getTypes();
-  }, []);
+  }, [setTypes]);
 
 
   function onDragStart(event: React.DragEvent<any>, data:{type:string,node?:APIClassType}) {