The editor loses the <br> tag when I type Shift + Enter twice.

[tonyhsiehwork]

2023-04-25.11.47.10.mov

DEMO: https://codesandbox.io/s/inspiring-lalande-lbqn6i
The editor loses the <br> tag when I type Shift + Enter twice.

How should I fix it?
thanks.🙏

[tonyhsiehwork]

replace LineBreakNode with ParagraphNode

const editorConfig = {
  nodes: [
    {
      replace: LineBreakNode,
      with: () => new ParagraphNode(),
    },
  ],
}

thanks for #4464

import { useEffect } from 'react'
import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
import {
  $getSelection,
  $isRangeSelection,
  COMMAND_PRIORITY_CRITICAL,
  INSERT_PARAGRAPH_COMMAND,
  KEY_ENTER_COMMAND,
} from 'lexical'

function EnterListenerPlugin() {
  const [editor] = useLexicalComposerContext()

  useEffect(() => {
    editor.registerCommand(
      KEY_ENTER_COMMAND,
      event => {
        const selection = $getSelection()
        if (!$isRangeSelection(selection)) {
          return false
        }
        if (event !== null) {
          if (event.shiftKey) {
            event.preventDefault()
            return editor.dispatchCommand(INSERT_PARAGRAPH_COMMAND, undefined)
          }
        }
        return false
      },
      COMMAND_PRIORITY_CRITICAL
    )
  }, [editor])

  return null
}

export default EnterListenerPlugin