-
-
Notifications
You must be signed in to change notification settings - Fork 32.5k
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
[docs] Fix joy templates error #45715
Conversation
Netlify deploy previewhttps://deploy-preview-45715--material-ui.netlify.app/ Bundle size report |
355ff90
to
53cbcab
Compare
@DiegoAndai I think the |
@@ -50,7 +50,7 @@ function NProgressBar(props) { | |||
height: 2, | |||
zIndex: (theme.vars || theme).zIndex.tooltip, | |||
backgroundColor: (theme.vars || theme).palette.primary[200], | |||
...theme.applyDarkStyles({ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@DiegoAndai The root cause of the template error comes from this component.
The NProgressBar is used in all of the joy templates. It try to access theme.applyDarkStyles
but the branding theme was removed from the global _app.js
so the error appear.
Can we split it in two? 😅 |
53cbcab
to
ea70379
Compare
Fixes #45707
Currently, all joy templates throw error.
Root cause
The
NProgressBar
is used in all of the joy templates. It try to accesstheme.applyDarkStyles
but the branding theme was removed from the global_app.js
so the error appear.Fixed by replacing
applyDarkStyles
(was internal for docs) with officialapplyStyles
that comes with the default theme.I took an extra step to replace all occurrences of(split to another PR)applyDarkStyles
because it's no longer needed.Next step:
applyDarkStyles
from the core docs