Установка и получение DarkMode из локального хранилища

Я пытаюсь установить themeMode к dark для первого посещения, но я также хочу, чтобы пользователь уже заходил на сайт и установил themeMode к light, он должен загрузить светлую тему

const [themeMode, SetThemeMode] = useState(getMode);
  const theme = createMuiTheme({
    palette: {
      type: themeMode,
      primary: {
        main: themeMode === "light" ? "#fff" : "#333333"
      }
    }
  });

  useEffect(() => {
    localStorage.setItem("Tmode", JSON.stringify(themeMode));
  }, [themeMode]);

  function getMode() {
    const savedmode = JSON.parse(localStorage.getItem("Tmode"));
    if(savedmode === '')
     {
       return ("dark")
     }
     else return savedmode
  }

Код работает на сервере разработки (localhost), но не работает при развертывании, так в чем может быть проблема или кто-нибудь знает лучший способ решить эту проблему?

Локальный сервер

При развертывании

0 ответов

Другие вопросы по тегам