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 docusaurus hydration error on page load #4349

Merged
merged 1 commit into from
Apr 17, 2024
Merged

Fix docusaurus hydration error on page load #4349

merged 1 commit into from
Apr 17, 2024

Conversation

cmdcolin
Copy link
Collaborator

Fixes #4310
the usage of the MUI Link component seems a culprit, it gets mixed up with docusaurus styling. however, the styling for, particularly the schedule appointment button is less bold since Button href is the same as a Link essentially in terms of causing the error.

note that one quote suggests that MUI might be discouraged on docusaurus pages

"Please also understand that Docusaurus doesn't have good support for "legacy CSS-in-JS libs" (StyledComponents, Emotion, JSS, MUI...), that require collecting styles during the rendering process (see also facebook/docusaurus#3236).

So I'd simply recommend not using MUI in the first place, unless you clearly understand the tradeoff you make and the risk of having flashes of unstyled content."

facebook/docusaurus#7986

@cmdcolin cmdcolin merged commit 6b07293 into main Apr 17, 2024
10 checks passed
@cmdcolin cmdcolin deleted the fix_docusaurus branch April 17, 2024 02:40
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.

Docusaurus hydration error
1 participant