Remove intermediate render cycle from useEditor

Possibly fixes ueberdosis#3345

demos/src/Commands/Cut/React/index.jsx

@@ -8,10 +8,6 @@ import StarterKit from '@tiptap/starter-kit'
 import React, { useCallback } from 'react'
 
 const MenuBar = ({ editor }) => {
-  if (!editor) {
-    return null
-  }
-
   const onCutToStart = useCallback(() => {
     editor.chain().cut({ from: editor.state.selection.$from.pos, to: editor.state.selection.$to.pos }, 1).run()
   }, [editor])

demos/src/Examples/Book/React/index.jsx

@@ -7,10 +7,6 @@ import React from 'react'
 import { content } from '../content.js'
 
 const MenuBar = ({ editor }) => {
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button

demos/src/Examples/CSSModules/React/index.jsx

@@ -7,10 +7,6 @@ import React from 'react'
 import styles from './index.module.css'
 
 const MenuBar = ({ editor }) => {
-  if (!editor) {
-    return null
-  }
-
   return (
     <div className={`toolbar ${styles.toolbar}`}>
       <button

demos/src/Examples/CodeBlockLanguage/React/index.jsx

@@ -25,10 +25,6 @@ lowlight.registerLanguage('js', js)
 lowlight.registerLanguage('ts', ts)
 
 const MenuBar = ({ editor }) => {
-  if (!editor) {
-    return null
-  }
-
   return (
     <button onClick={() => editor.chain().focus().toggleCodeBlock().run()} className={editor.isActive('codeBlock') ? 'is-active' : ''}>
       code block

demos/src/Examples/Default/React/index.jsx

@@ -10,10 +10,6 @@ import React from 'react'
 const MenuBar = () => {
   const { editor } = useCurrentEditor()
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button

demos/src/Examples/Formatting/React/index.jsx

@@ -7,10 +7,6 @@ import StarterKit from '@tiptap/starter-kit'
 import React from 'react'
 
 const MenuBar = ({ editor }) => {
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()} className={editor.isActive('heading', { level: 1 }) ? 'is-active' : ''}>

demos/src/Examples/Tables/React/index.jsx

@@ -55,10 +55,6 @@ export const tableHTML = `
 `
 
 const MenuBar = ({ editor }) => {
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button onClick={() => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()}>

demos/src/Experiments/IsolatingClear/React/index.jsx

@@ -27,10 +27,6 @@ const WrapperBlock = Node.create({
 })
 
 const MenuBar = ({ editor }) => {
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button

demos/src/Extensions/CharacterCount/React/index.jsx

@@ -26,10 +26,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <div>
       <EditorContent editor={editor} />

demos/src/Extensions/Color/React/index.jsx

@@ -14,10 +14,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <div>
       <input

demos/src/Extensions/History/React/index.jsx

@@ -18,10 +18,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <div>
       <button onClick={() => editor.chain().focus().undo().run()} disabled={!editor.can().undo()}>

demos/src/Extensions/ListKeymap/React/index.jsx

@@ -20,10 +20,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button

demos/src/Extensions/TextAlign/React/index.jsx

@@ -24,10 +24,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <div>
       <button

demos/src/GuideContent/ExportJSON/React/index.jsx

@@ -16,10 +16,6 @@ export default () => {
   })
 
   useEffect(() => {
-    if (!editor) {
-      return undefined
-    }
-
     // Get the initial content …
     setJson(editor.getJSON())
 
@@ -57,10 +53,6 @@ export default () => {
     editor.chain().clearContent(true).focus().run()
   }, [editor])
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <div className="actions">

demos/src/GuideContent/ReadOnly/React/index.jsx

@@ -20,17 +20,9 @@ export default () => {
   })
 
   useEffect(() => {
-    if (!editor) {
-      return undefined
-    }
-
     editor.setEditable(editable)
   }, [editor, editable])
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <div className="checkbox">

demos/src/GuideNodeViews/TableOfContents/React/Component.jsx

@@ -40,10 +40,6 @@ export default ({ editor }) => {
   useEffect(handleUpdate, [])
 
   useEffect(() => {
-    if (!editor) {
-      return null
-    }
-
     editor.on('update', handleUpdate)
 
     return () => {

demos/src/GuideNodeViews/TableOfContents/React/index.jsx

@@ -24,9 +24,5 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return <EditorContent editor={editor} />
 }

demos/src/Marks/Bold/React/index.jsx

@@ -19,10 +19,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button

demos/src/Marks/Code/React/index.jsx

@@ -16,10 +16,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button

demos/src/Marks/Highlight/React/index.jsx

@@ -18,10 +18,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button

demos/src/Marks/Italic/React/index.jsx

@@ -16,10 +16,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button

demos/src/Marks/Link/React/index.jsx

@@ -51,10 +51,6 @@ export default () => {
       .run()
   }, [editor])
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button onClick={setLink} className={editor.isActive('link') ? 'is-active' : ''}>

demos/src/Marks/Strike/React/index.jsx

@@ -17,10 +17,6 @@ export default () => {
         `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button

demos/src/Marks/Subscript/React/index.jsx

@@ -15,10 +15,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button

demos/src/Marks/Superscript/React/index.jsx

@@ -15,10 +15,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button

demos/src/Marks/TextStyle/React/index.jsx

@@ -14,9 +14,5 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return <EditorContent editor={editor} />
 }

demos/src/Marks/Underline/React/index.jsx

@@ -15,10 +15,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button

demos/src/Nodes/Blockquote/React/index.jsx

@@ -23,10 +23,6 @@ export default () => {
     `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <div>
       <button

demos/src/Nodes/BulletList/React/index.jsx

@@ -19,10 +19,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button

demos/src/Nodes/CodeBlock/React/index.jsx

@@ -31,10 +31,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button

demos/src/Nodes/CodeBlockLowlight/React/index.jsx

@@ -53,10 +53,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button

demos/src/Nodes/Document/React/index.jsx

@@ -12,9 +12,5 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return <EditorContent editor={editor} />
 }

demos/src/Nodes/HardBreak/React/index.jsx

@@ -22,10 +22,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button onClick={() => editor.chain().focus().setHardBreak().run()}>setHardBreak</button>

demos/src/Nodes/Heading/React/index.jsx

@@ -23,10 +23,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button

demos/src/Nodes/HorizontalRule/React/index.jsx

@@ -19,10 +19,6 @@ export default () => {
       `,
   })
 
-  if (!editor) {
-    return null
-  }
-
   return (
     <>
       <button onClick={() => editor.chain().focus().setHorizontalRule().run()}>