#Login and register page error

1 messages · Page 1 of 1 (latest)

random bough
#

Hello, i'm getting all this errors in login and register page, yesterday was working fine

Warning: Received true for a non-boolean attribute global.
Warning: Received true for a non-boolean attribute jsx.
next-dev.js?3515:20 Warning: Text content did not match. Server: "
.form > * + * {
margin-top: 1rem;
}
" Client: "
.form > * + * {
margin-top: 1rem;
}
"

Warning: An error occurred during hydration. The server HTML was replaced with client content in <div>.
Error: Text content does not match server-rendered HTML.
Error: Hydration failed because the initial UI does not match what was rendered on the server.
Error: There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering.

jovial zodiac
#

Did you make any changes? This error usually just means style-jsx didn't transpile.

You can always remove the style jsx block in the core/Form component.

What version of nextjs are you using? Also you can always try nuking the node_modules & .next directory and reinstall/compile

random bough
#

commenting out jsx block in core/form fixes the errors

jovial zodiac
random bough
#

and about the form errors, they still persist if you style jsx

#

next-dev.js?3515:20 Warning: Text content did not match. Server: "
.form > * + * {
margin-top: 1rem;
}
" Client: "
.form > * + * {
margin-top: 1rem;
}

#

this happen bcz server cant read > and its replacing it with &gt;

jovial zodiac
random bough
#

yea, im using module.css

rugged dock
#

Thanks for these info, looks like my best bet is to replace the styled-jsx from Chakra-UI with module.css