Warning: Prop 'className' did not match

DevelopingSpace / starchart

A self-serve tool for managing custom domains and certificates

MIT License

21 stars 13 forks source link

Warning: Prop 'className' did not match #237

Closed Eakam1007 closed 1 year ago

Eakam1007 commented 1 year ago

I saw this error in the dev console in Microsoft Edge (chromium version) while running the app locally. This does not show up on Firefox or Chrome

Could possibly be related to https://stackoverflow.com/questions/64336286/next-js-react-app-with-styled-components-warning-prop-classname-did-not-matc but more information is required

Steps to reproduce

Run the app locally
Open dev console while navigating to app on Microsoft Edge (chromium)
Check for error

humphd commented 1 year ago

I can't reproduce this with Edge on my Mac. Can anyone else confirm it still exists?

Eakam1007 commented 1 year ago

Can confirm that this still happens on Edge on Windows. I believe it might not happen on Mac cause Edge on Mac uses Webkit or something else

Ririio commented 1 year ago

Weird... I can't reproduce the same error on windows

Eakam1007 commented 1 year ago

Oh, I looked at this again and saw that the error message shows because of the React Developer Tools extension. I also saw another warning when I clicked on Manage DNS Records. I am not sure if these are something that we should look into:

Ririio commented 1 year ago

That's really odd... I have react for edge installed too, and I checked opera gx for the same issue, and I don't receive the error. We might need another person here to check this out, and figure out if this isn't an individual issue...

Here's an error I get from chrome which is different

humphd commented 1 year ago

Let's close this and re-open if we find that it's happening a lot in the future. Not enough of us can reproduce.