Getting TypeError while using Grapesjs with React

[theashishmaurya]

How to reproduce the bug?

1. Install Grapesjs with any react version 18.2.0 and it will throw the error in the console.
   here is a link to reproduce it.
   Sandbox

What is the expected behavior?
It should be loading the div inside the component.

...

What is the current behavior?
Throwing TypeError: m.render is not a function

...
The code I used to initialize the Grapesjs

import "./styles.css";
import 'grapesjs/dist/css/grapes.min.css';
import { useEffect } from "react";
import grapesjs from "grapesjs"


export default function App() {

  useEffect(() => {
    console.log("Init");
    const editor = grapesjs.init({
      container: "#gjs",
      fromElement: true,
      height: "300px",
      width: "auto",
      storageManager: false,
      panels: { defaults: [] },
    });

  }, []);

  return (
    <div id="gjs">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

[jmaster92]

Hello, i have the same problem and i tried many ways but nothing, did you found a solution to this? regards

[artf]

I guess that might be similar to this one #4565 (comment)