[examples] change CreateEmotionCache to use insertionPoint

[ANTARES-KOR]

• I have followed (at least) the PR section of the contributing guide.

Close #32068

[ANTARES-KOR]

One thing is, It worked fine on ssr, nextjs, nextjs-with-typescript examples but not worked on remix-with-typescript example.

[mui-bot]

No bundle size changes

Generated by 🚫 dangerJS against 9247722

[mnajdova]

Thanks for the contribution, will test it out and review it this week. I will also try to see why the remix example is not working.

[mnajdova]

This doesn't work in all cases. I've build for production the nextjs project and when running it with disabled JavaScript (to test SSR), I am getting this (note the style tags being added before each element):

[ANTARES-KOR]

@mnajdova I took a look on it, but this bug(?) happens on master branch too (when disabled javascript on browser)

[mnajdova]

It definitely should happen. Could be a regression from a recent PR. I will take a look at it next week. Thanks for catching it.

If you inspect our docs, for example - https://mui.com/material-ui/react-floating-action-button/ with disabled JavaScript you will see that all styles are in the head, there are no inline style tag before each element. This is how it should look like.

[ANTARES-KOR]

@mnajdova I think this problem can be somewhat related to this issue..?

[mnajdova]

Yes, could be, thanks for linking the issue. Let's wait for the stable nextjs release with the fix and test out again :)

[mnajdova]

Let's wait for the next version that contains the fix in vercel/next.js#36675 (comment) to be stable so that we can test the changes reliably.

[ANTARES-KOR]

@mnajdova Tested with Next.js 12.2.0. And I can see that this <style/> tag regression is not happening anymore!

[mnajdova]

@mnajdova Tested with Next.js 12.2.0. And I can see that this <style/> tag regression is not happening anymore!

Nice! I am updating the nextjs to 12.2.0 in #33196 and we can continue this PR :)

[mnajdova]

Just FYI, it's on my list for today :)

[mnajdova]

Looks great! Thanks for the patience :)