styled-components: [v4 beta] Server rendering not working

Environment

image

Reproduction

git clone https://github.com/vinpac/test-react-custom-cms-intl/tree/styled-v4
cd test-react-custom-cms-intl
yarn
yarn dev

Steps to reproduce

  1. Open localhost:3000
  2. See console. It will give you a Prop 'className' did not match
  3. Click on ‘vagas’. The search bar will not match with the first page.

Screenshots

image

image

This doesn’t happen on v3. You can check it the same repository on master branch.

About this issue

  • Original URL
  • State: closed
  • Created 6 years ago
  • Reactions: 1
  • Comments: 26 (22 by maintainers)

Commits related to this issue

Most upvoted comments

Adding this made it go away:

"resolutions": {
    "hoist-non-react-statics": "3.0.0"
}

Thank you for your help!

Going to leave this open until the PRs against next are merged

@probablyup Indeed, putting "hoist-non-react-statics": "3.0.0" on resolutions solves it.