Trouble upgrading to CRA v5

[LoiKos]

Hi,

First of all, thanks to all the maintainers for their work and this release,

I'am currently working on migration from CRA v4 to v5. I already try to delete yarn.lock and node-modules and re-install. I have faced multiple trouble while upgrading.

First even if it doesn't seems to break anything, i faced a lot of source-map errors :

Then i faced a problem with styled-components. I don't why but i get trouble with the macro : import styled, { css } from 'styled-components'. I can't say why or what cause this because i wasn't able to reproduce on codesandbox or with a new create-react-app. The app is compiling but i get a blank screen on the browser with this console message :

And i found this issue while looking for another strange behaviour : with v5 my server never refresh the UI. E.g if i change a button color, i need to manually refresh to get the update.

Is there a way to check what is going on with the dev server ? Do you have any ideas on this ?

[LoiKos]

After sometimes working with CRA 5, i figured out my problem with HMR :
I need to render my UI through an remote proxy and i get trouble with dev server socket that doesn't get received correctly by UI. I just switch WDS_SOCKET_HOST to localhost and it work just fine.

By the time, I also totally remove styled-components/macro from my project so i doesn't have the problem anymore.

Still having source map errors but should be fix with: #11752

I also get some crashes from Dev server (e.g) :