defaultTheme did't work in the latest Chrome for macOS

[jizhi0v0]

It works on Safari and ios Chrome(Version 119.0.6045.199 (Official Build) (arm64))

I don't know if I report this issue here. It has troubled me for a long time.

[jizhi0v0]

when I set enableSystem to false.

[ethanleifer]

Any update on this?

[stabildev]

Same issue here

[ethanleifer]

Hot fix for now...

Does the trick though!

'use client'

import { ThemeProvider, useTheme } from 'next-themes'
import { useEffect } from 'react'

export function DarkThemeProvider({ children }: { children: React.ReactNode }) {
  const { setTheme, theme } = useTheme()

  useEffect(() => {
    setTheme('dark')
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [theme])

  return (
    <ThemeProvider
      attribute="class"
      defaultTheme="dark"
      disableTransitionOnChange
    >
      {children}
    </ThemeProvider>
  )
}

[barrynorman]

@ethanleifer does not work for me 100%.
Somehow the fonts are not loaded.

I used forcedTheme for my custom theme.

Updated: I'm using the ThemeProvider in the _app.tsx.
Workaround for me is to use forcedTheme, since this is working

[ethanleifer]

Forced theme wasn't working for me either

[igor9silva]

Same here. Workaround from @ethanleifer worked.