Merge pull request #28 from Team-TenTen/feature/#27/bug-next-theme

next-theme 버그 수정

src/components/Providers/providers.tsx → src/components/Providers/Providers.tsx

@@ -1,8 +1,19 @@
 '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>
 }
 

src/components/index.ts

@@ -1,9 +1,8 @@
-export { default as Providers } from './Providers/providers'
-export { default as ThemeButton } from './ThemeButton/themeButton'
+export { default as Providers } from './Providers/Providers'
+export { default as ThemeButton } from './common/ThemeButton/ThemeButton'
 export { default as Input } from './common/Input/Input'
 export { default as Textarea } from './common/Textarea/Textarea'
 export { default as Avatar } from './common/Avatar/Avatar'
 export { default as AvatarGroup } from './common/AvatarGroup/AvatarGroup'
 export { default as Chip } from './common/Chip/Chip'
 export { default as Toggle } from './common/Toggle/Toggle'
-