fix editor in production env

coaidev · Oct 4, 2023 · af2e1ef · af2e1ef
1 parent 0c885dc
commit af2e1ef
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/app/src/components/EditorProvider.tsx b/app/src/components/EditorProvider.tsx
@@ -35,12 +35,16 @@ function RichEditor({
   const [openPreview, setOpenPreview] = useState(!mobile);
   const [openInput, setOpenInput] = useState(true);
 
-  useEffect(() => {
+  const handler = () => {
     if (!input.current) return;
     const target = input.current as HTMLElement;
     const preview = target.parentElement?.querySelector(
       ".editor-preview",
-    ) as HTMLElement;
+    ) as HTMLElement | null;
+    if (!preview) {
+      setTimeout(handler, 100);
+      return;
+    }
 
     const listener = () => {
       preview.style.height = `${target.clientHeight}px`;
@@ -54,7 +58,8 @@ function RichEditor({
     preview.style.height = `${target.clientHeight}px`;
 
     if (openInput) target.focus();
-  }, [input]);
+  };
+  useEffect(handler, [input]);
 
   return (
     <div className={`editor-container`}>