Nextjs 15.0.3 and react 19 throws Cannot update a component (`HotReload`) while rendering a different component

[dvarjun]

Describe the bug
After upgrading to nextjs15.0.3 and react 19, custom components in the editor throws console error and here is the stack trace:

Cannot update a component (HotReload) while rendering a different component (Alert). To locate the bad setState() call inside Alert, follow the stack trace as described in https://react.dev/link/setstate-in-render at hook.js:608 Error Component Stack
at ReactNodeView ()
at App (App.tsx:126:36)
at Suspense ()
at LoadableComponent ()
at main ()
at Home ()
at body ()
at html ()
at RootLayout [Server] ()

To Reproduce
Migrate custom blocks example to nextjs environment and browser console

Here is the stackblitz link:
https://stackblitz.com/~/github.com/dvarjun/nextjs15-react19-blocknotejs-bug?view=editor

[ezelbanaan]

duplicate of #1287 right?

[YousefED]

some code related to this has been updated. Let me know if this still occurs