[BUG] Error while using JSX

[emkademy]

• I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
• I have read the documentation and cannot find an answer.

Describe the bug
I am getting the following error:

Error: $cloneWithProperties: LexicalJsxNode.clone(node) (with type 'jsx') did not return a node with the same key, make sure to specify node.__key as the last argument to the constructor

To Reproduce
Follow the JSX guide from the documentation.

Desktop (please complete the following information):

• Ubuntu 22.04
• Chrome

[petyosi]

Can you give me a runnable sandbox?

[Tetragius]

the error is reproduced when - npm run dev

IMG_5320.MOV

can be fixed by a correction in the LexicalJsxNode.tsx file on line 35 by replacing

return new LexicalJsxNode(structuredClone(node.__mdastNode))

with

return new LexicalJsxNode(node.__mdastNode,  node.__key)

[adambarito]

the error is reproduced when - npm run dev

IMG_5320.MOV
can be fixed by a correction in the LexicalJsxNode.tsx file on line 35 by replacing

return new LexicalJsxNode(structuredClone(node.__mdastNode))

with

return new LexicalJsxNode(node.__mdastNode,  node.__key)

Agree with this. It appears to have happened with the bump in Lexical version. I'm currently running a patched version with the additional node.__key variable and everything works great.

[petyosi]

Can you open a PR? I will merge.

[github-actions]

🎉 This issue has been resolved in version 3.11.5 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀