archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

updated doc handling hydration mismatch error (#1449)

Browse Source 
Co-authored-by: btsb78 <gaurav.pandey@kratikal.com>
This commit is contained in:
Gaurav Pandey 2023-08-21 02:12:01 +05:30 committed by GitHub
parent 691f380dff
commit ea2868e58e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/docs/content/docs/customization/dark-mode.mdx
View File

@ -96,10 +96,18 @@ Add the theme switcher to your app.
"use client";
import {useTheme} from "next-themes";
import { useEffect, useState } from "react";
export const ThemeSwitcher = () => {
export function ThemeSwitcher() {
const [mounted, setMounted] = useState(false)
const { theme, setTheme } = useTheme()
useEffect(() => {
setMounted(true)
}, [])
if(!mounted) return null
return (
<div>
The current theme is: {theme}