fix: 🐛 duplicate editor in strict mode

packages/react/src/useGetEditor.ts

@@ -26,6 +26,8 @@ export const useGetEditor = (getEditor: GetEditor) => {
         const div = dom.current;
         if (!div) return;
 
+        if (div.querySelector('.milkdown') != null) return;
+
         const editor = getEditor(div, renderReact);
         if (!editor) return;
 

website/component/Demo/Demo.tsx

@@ -6,7 +6,7 @@ import { i18nConfig, Local } from '../../route';
 import { decode } from '../../utils/share';
 import { Mode } from '../constant';
 import { localCtx } from '../Context';
-import { MilkdownEditor, MilkdownRef } from '../MilkdownEditor/MilkdownEditor';
+import { MilkdownRef, OnlineEditor } from '../MilkdownEditor/OnlineEditor';
 import { CodeMirror, CodeMirrorRef } from './CodeMirror';
 import className from './style.module.css';
 
@@ -70,7 +70,7 @@ export const Demo = ({ mode }: DemoProps) => {
     return !md.length ? null : (
         <div ref={ref} className={classes}>
             <div className={className['milk']}>
-                <MilkdownEditor ref={milkdownRef} content={md} onChange={milkdownListener} />
+                <OnlineEditor ref={milkdownRef} content={md} onChange={milkdownListener} />
             </div>
             <CodeMirror ref={codeMirrorRef} value={md} onChange={onCodeChange} lock={lockCode} />
         </div>

website/component/MilkdownEditor/MilkdownEditor.tsx → website/component/MilkdownEditor/OnlineEditor.tsx

@@ -22,7 +22,7 @@ type Props = {
 };
 
 export type MilkdownRef = { update: (markdown: string) => void };
-export const MilkdownEditor = forwardRef<MilkdownRef, Props>(({ content, readOnly, onChange }, ref) => {
+export const OnlineEditor = forwardRef<MilkdownRef, Props>(({ content, readOnly, onChange }, ref) => {
     const showToast = useContext(showToastCtx);
     const isDarkMode = useContext(isDarkModeCtx);
     const share = useContext(shareCtx);