Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: add babel entry to accommodate styles components #816

Open
wants to merge 1 commit into
base: trunk
Choose a base branch
from

Conversation

brent-hoover
Copy link
Collaborator

Signed-off-by: Brent Hoover brent@thebuddhalodge.com

Impact: minor
Type: bugfix

Issue

When switching to Node 14 get this error and some styles do not load:

Prop className did not match. Server: "makeStyles-anchor-11" Client: "makeStyles-anchor-8

Seems to be this issue

Solution

Add a section to babelrc that makes sure that class names are the same on client and server.

Breaking changes

None

Testing

  1. Do a fresh clone of this branch
  2. Switch to Node 14
  3. Do yarn run start:dev
  4. Observe that the site loads all styles correctly

Signed-off-by: Brent Hoover <brent@thebuddhalodge.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant