fix: better to use onInitialize to set ExcalidrawImperativeAPI

Author: jibon57

src/components/whiteboard/index.tsx

@@ -550,6 +550,15 @@ const Whiteboard = ({ onReadyExcalidrawAPI }: WhiteboardProps) => {
     [excalidrawAPI, isPresenter, isFollowing, showSwitchingWarning],
   );
 
+  const onInitializeSetExcalidrawAPI = useCallback(
+    (api: ExcalidrawImperativeAPI) => {
+      setExcalidrawAPI(api);
+      onReadyExcalidrawAPI(api);
+    },
+    // oxlint-disable-next-line eslint-plugin-react-hooks/exhaustive-deps
+    [],
+  );
+
   return (
     <div className="excalidraw-wrapper flex-1 w-full max-w-[1140px] m-auto h-[calc(100%-50px)] sm:px-5 mt-9 z-0">
       {isPresenter && excalidrawAPI && (
@@ -562,12 +571,7 @@ const Whiteboard = ({ onReadyExcalidrawAPI }: WhiteboardProps) => {
         />
       )}
       <Excalidraw
-        onExcalidrawAPI={(api) => {
-          if (api) {
-            setExcalidrawAPI(api);
-            onReadyExcalidrawAPI(api);
-          }
-        }}
+        onInitialize={onInitializeSetExcalidrawAPI}
         onChange={handleCanvasChange}
         onPointerUpdate={onPointerUpdate}
         onScrollChange={onScrollChange}