Emotion + @builder.io/react don't work together - "sheet.hydrate is not a function"

[davidrhoderick]

Describe the bug
I have a Next.js 12 project that uses MUI, which uses Emotion, and I want to integrate it with Builder.io. When I try to use the CacheProvider component, I get a sheet.hydrate is not a function error.

To Reproduce
Steps to reproduce the behavior:

1. I set up a Next.js 12 project.
2. I installed my dependencies, mainly @mui/material, @emotion/react, and @emotion/styled.
3. Install the @builder.io/react library.
4. Set up _app.js to utilize the CacheProvider with a key.
5. Set up index.js to initialize the ThemeProvider, added the CssBaseline component, and added a singular element that should be styled by the theme.

Here's the CodeSandbox.

Expected behavior
This shouldn't cause a bug, I should be able to use these dependencies together.

Screenshots