CSS Not Loading for React Component with MUI in GrapesJS

[krunal1325]

I'm facing an issue when integrating a React component that uses Material-UI (MUI) into GrapesJS. The component renders, and data is fetched correctly via an API, but the MUI component's CSS is not applied inside the GrapesJS editor.

Additionally:

• When inspecting the HTML output of the editor, the HTML structure of the React component itself is not visible.
• I’ve implemented this setup by creating a custom block and custom component to render the React component in GrapesJS.

I’d appreciate any guidance on how to properly load the MUI styles and make the component's HTML accessible in the editor.

Thanks!

Here the same issue but not getting much help from it. as I have more nesting MUI components. and also using @mui/* libraries.
#1970