Initialize editor before setting event handlers

[ondrejsevcik]

Please describe your changes

Currently, the editor is initialized after the callback bindings are hooked up. The two useEffect call order should be swapped. The one that hooks up callbacks is run first, then the one where the instance is created is run second. This means there is an attempt to set bindings when the editor does not exists. And once it is created, it needs to re-render and hook up the callbacks again.

How did you accomplish your changes

Moving useEffect that creates editor instance to be the first one to run.

How have you tested your changes

I have tested it with my basic editor. I haven't run extensive testing.

How can we verify your changes

It should still work the same way it does now from API and user perspective. There will be just one less re-render on initial mount.

Checklist

• The changes are not breaking the editor
• Added tests where possible
• Followed the guidelines
• Fixed linting issues

[netlify]

✅ Deploy Preview for tiptap-embed ready!

Name	Link
🔨 Latest commit	0e6d39a
🔍 Latest deploy log	https://app.netlify.com/sites/tiptap-embed/deploys/65dc893cb7371c0008152775
😎 Deploy Preview	https://deploy-preview-4916--tiptap-embed.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[nperez0111]

Resolved with: #5161