Fix hot reload for RichContent

2022-09-10 19:22:29 -07:00 · 2022-09-10 19:22:29 -07:00 · 1b311a7198
commit 1b311a7198
parent b0242c6253
1 changed files with 5 additions and 1 deletions
--- a/web/components/editor.tsx
+++ b/web/components/editor.tsx
@ -254,7 +254,11 @@ export function RichContent(props: {
    content,
    editable: false,
  })
-  useEffect(() => void editor?.commands?.setContent(content), [editor, content])
+  useEffect(
+    // Check isDestroyed here so hot reload works, see https://github.com/ueberdosis/tiptap/issues/1451#issuecomment-941988769
+    () => void !editor?.isDestroyed && editor?.commands?.setContent(content),
+    [editor, content]
+  )

  return <EditorContent className={className} editor={editor} />
 }