dev day #67

frontend/src/components/common/CustomRichEditor.tsx

@@ -75,6 +75,13 @@ const CustomRichEditor: React.FC<CustomRichEditorProps> = ({
   const quillRef = useRef<ReactQuill | null>(null);
   const toolbarRef = useRef<HTMLDivElement | null>(null);
   const onChangeRef = useRef(onChange);
+  const [isMounted, setIsMounted] = useState(false);
+  
+  // Ensure component is mounted before rendering Quill
+  useEffect(() => {
+    setIsMounted(true);
+    return () => setIsMounted(false);
+  }, []);
   
   // Keep onChange ref up to date
   useEffect(() => {
@@ -1173,15 +1180,17 @@ const CustomRichEditor: React.FC<CustomRichEditorProps> = ({
             },
           }}
         >
-          <ReactQuill
-            theme="snow"
-            value={value}
-            onChange={handleChange}
-            readOnly={readOnly}
-            placeholder={placeholder}
-            ref={quillRef}
-            modules={quillModules}
-          />
+          {isMounted && (
+            <ReactQuill
+              theme="snow"
+              value={value}
+              onChange={handleChange}
+              readOnly={readOnly}
+              placeholder={placeholder}
+              ref={quillRef}
+              modules={quillModules}
+            />
+          )}
         </Box>
 
       {!readOnly && (