Theme switch animates every color
Why it matters
Without disableTransitionOnChange each transitioned element fades to the new theme separately.
Fix
<ThemeProvider disableTransitionOnChange>.
Credit
From Paco Coursey
Documented that transitioning every element on theme toggle hurts rendering and wrote next-themes, which offers disableTransitionOnChange.
References
- Disable transitions on theme togglePaco Coursey
- next-themesGitHub (pacocoursey)