🐞 fix(Best practice):

update react dependency

src/components/device-overview.tsx

@@ -101,7 +101,7 @@ export default function DeviceOverview() {
   const edittingDeviceData = edittingDevice?.data as any;
   React.useEffect(() => {
     form.setValue("name", edittingDeviceData?.name || "");
-  }, [edittingDeviceData?.name]);
+  }, [edittingDeviceData?.name, form]);
 
   return (
     <div className="flex-1 space-y-4 p-8 pt-6">

src/components/llm/index.tsx

@@ -250,14 +250,14 @@ export function LLM() {
       : 2048) || 2048;
   React.useEffect(() => {
     if (maxSeqLen < params.maxSeqLen) setParams({ ...params, maxSeqLen });
-  }, [maxSeqLen]);
+  }, [maxSeqLen, params]);
 
   const [scrollToBottom, setScrollToBottom] = React.useState(true);
   const scrollElement = React.useRef<HTMLDivElement>(null);
   React.useEffect(() => {
     if (scrollToBottom)
       scrollElement.current?.scrollIntoView({ behavior: "smooth" });
-  }, [messages]);
+  }, [messages, scrollToBottom]);
 
   const updateParams = (type: keyof XpModelParams, value: number | string) => {
     let val = value;
@@ -536,6 +536,7 @@ export function LLM() {
       c.off("xp-llm-recive", f);
       setChannel(undefined);
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const clean = () => {

src/components/llm/markdown.tsx

@@ -70,7 +70,7 @@ function MarkdownTextarea({
         }
       );
     }
-  }, []);
+  }, [starryNight]);
   React.useEffect(() => {
     setText(value);
   }, [value]);
@@ -79,7 +79,7 @@ function MarkdownTextarea({
       onChange(text);
     }, delay);
     return () => clearTimeout(t);
-  }, [text]);
+  }, [delay, onChange, text]);
 
   return (
     <div className="editor-inner">