[BUG] Vite's hot reload resets dark mode setting when using useDarkMode()

[juliencrn]

Discussed in #427

^{Originally posted by joonashak January 18, 2024}
Recently discovered your useDarkMode() hook, and love it! I'm just running into an issue with Vite, where the dev server's hot reload/HMR resets the dark mode setting.

Repro steps:

1. Have dark mode as browser preference. Dark mode is displayed correctly.
2. Switch to light mode. Reload page to confirm that the preference is persisted.
3. Save a file watched by Vite's dev server. Theme changes back to dark mode as the hot-reload happens in browser.

This is pretty frustrating when working on light mode's colors, etc. Is there a way to have the user preference persisted over hot-reloads? Thanks!

[juliencrn]

Hi @joonashak, using usehooks@2.13.0 looks good. I carefully reproduced the steps and the dark mode stayed on light.