next-theme 버그 수정

[dudwns]

📑 이슈 번호

#27

🚧 구현 내용

• next-hteme hydration 버그 수정
• Providers 파일명을 파스칼 케이스로 수정
• ThemeButton 컴포넌트를 common 폴더 내부로 이동

'use client'

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

const Providers = ({ children }: { children: React.ReactNode }) => {
  const [isMount, setMount] = useState(false)

  useEffect(() => {
    setMount(true)
  }, [])

  if (!isMount) {
    return null
  }

  return <ThemeProvider attribute="class">{children}</ThemeProvider>
}

export default Providers

🚨 특이 사항