fix: use usecallback

100mslive · May 20, 2024 · affc114 · affc114
1 parent 9bce904
commit affc114
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/roomkit-react/src/Prebuilt/components/Chat/ChatFooter.tsx b/packages/roomkit-react/src/Prebuilt/components/Chat/ChatFooter.tsx
@@ -103,17 +103,17 @@ export const ChatFooter = ({ onSend, children }: { onSend: (count: number) => vo
     }
   }, [defaultSelection, selectedPeer, selectedRole, setRoleSelector, isMobile, isLandscapeHLSStream, elements?.chat]);
 
-  const resetInputHeight = () => {
+  const resetInputHeight = useCallback(() => {
     if (inputRef.current) {
       inputRef.current.style.height = `${Math.max(32, inputRef.current.value ? inputRef.current.scrollHeight : 0)}px`;
     }
-  };
+  }, []);
 
-  const updateInputHeight = () => {
+  const updateInputHeight = useCallback(() => {
     if (inputRef.current) {
       inputRef.current.style.height = `${Math.max(32, Math.min(inputRef.current.scrollHeight, 24 * 4))}px`;
     }
-  };
+  }, []);
 
   const sendMessage = useCallback(async () => {
     const message = inputRef?.current?.value;