Unable to run mui-public with latest versions of Toolpad

[apedroferreira]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Steps:

1. Update @mui/toolpad in the package.json inside tools-public in the mui-public repository at https://github.com/mui/mui-public to 0.1.23, for example
2. Run yarn install
3. Run project with yarn dev
4. Open the application and try to drag components on top of already existing page elements

Current behavior 😯

Unable to drag and drop components on top of already existing page elements.
If we attempt to resize an element the app crashes with Overlay grid ref not bound

Expected behavior 🤔

The actions above work correctly.

Context 🔦

I was trying to update tools-public but ran into this issue and cannot figure out how to fix it or why it happens yet... There are no useful errors in the terminal or in the browser console.
It doesn't necessarily seem to be related with the version of @mui/toolpad. Deleting the yarn.lock files and reinstalling package versions without changing any version in package.json still causes the issue.
It possibly has something to do with using external dependencies. If I get rid of all external dependencies, custom components and custom functions in the project it seems to work.

Your environment 🌎

Node 16-20, Mac

[Janpot]

Likely related to

• Popper.js:11 Uncaught TypeError: styled_default is not a function at Popper.js:11:20  vitejs/vite#12423
• Popper.js:9 Uncaught TypeError: styled_default is not a function  vitejs/vite#8308
• Popper.js:9 Uncaught TypeError: styled_default is not a function material-ui#32727
• Popper.js:11 Uncaught TypeError: styled_default is not a function at Popper.js:11:20 material-ui#36515
• Uncaught TypeError: styled_default is not a function material-ui#36511