Switching locale flashes color theme - using next-themes #1867

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.

Sign up for GitHub

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

Jump to bottom

Open

3 tasks done

benqSzaw opened this issue Apr 25, 2025 · 1 comment

Open

3 tasks done

Switching locale flashes color theme - using next-themes #1867

benqSzaw opened this issue Apr 25, 2025 · 1 comment

Labels

bug unconfirmed

benqSzaw commented Apr 25, 2025

Description

Changing language through link component with app using next-themes flashes other theme.

Verifications

I've verified that the problem I'm experiencing isn't covered in the docs.
I've searched for similar, existing issues on GitHub and Stack Overflow.
I've compared my app to a working example to look for differences.

Mandatory reproduction URL

https://github.com/benqSzaw/next-intl-bug-repro-app-router

Reproduction description

Steps to reproduce:

Open reproduction
Click on theme switch to get dark theme
Click on lang switch
See error: page flashes with white

Expected behaviour

Not flashing

benqSzaw added bug unconfirmed labels

Owner

amannn commented Apr 27, 2025

It seems like next-themes reads your theme preference from local storage and only sets it once the script runs on the page.

I'm not aware of anything that next-intl could do to help here, sorry!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment