todo el mundo.
Tengo un interruptor de modo oscuro que parece estar funcionando muy bien, solo que está borrando el modo en el que está cuando navega a una página nueva o cuando se actualiza.
¿Cómo me aseguro de que esto no suceda?
import React, { useEffect, useState } from "react"; const useDarkMode = () => { let [theme, setTheme]: any = useState("light"); const colorTheme = theme === "dark" ? "light" : "dark"; useEffect(() => { const root = window.document.documentElement; root.classList.remove(colorTheme); root.style.colorScheme = theme; root.classList.add(theme); }, [theme, colorTheme]); return [colorTheme, setTheme] as const; }; export default useDarkMode;Puede guardar su modo en el almacenamiento de sesión o en el almacenamiento local. Compruebas que tu variable esté bien inicializada al principio de lo contrario pones el modo light por defecto y aplicas a la página. Y cuando cambie el modo, no olvide modificar el valor en el almacenamiento de la sesión o el almacenamiento local.