dark on light theme

[rimzzlabs]

I couldn't figure out what is happening, the body is dark, while the theme is on light mode

[rimzzlabs]

Im using it with Nextjs and here's the component

export const GiscusComment = () => {
  const { theme, systemTheme } = useTheme()

  const gcTheme = theme === 'dark' || (theme === 'system' && systemTheme === 'dark') ? 'dark' : 'light'

  return (
    <div className='mt-4 md:mt-8'>
      <Giscus
        lang='en'
        theme={gcTheme}
        emitMetadata='0'
        inputPosition='top'
        repo='rizkimcitra/rizkicitra.dev'
        repoId='R_kgDOGh4MEw'
        category='General'
        categoryId='DIC_kwDOGh4ME84CPxWe'
        mapping='pathname'
        reactionsEnabled='0'
        loading='lazy'
      />
    </div>
  )
}

[laymonage]

Try updating your @giscus/react version to the latest version (v2.2.4): https://github.com/rizkimcitra/rizkicitra.dev/blob/035cfe9f72b75c167e942c3f55c0fa8ef9d7ba83/yarn.lock#L1179-L1184

[rimzzlabs]

wow, I'm missing out!
thank you, everything is perfect now