diff --git a/apps/docs/content/docs/customization/dark-mode.mdx b/apps/docs/content/docs/customization/dark-mode.mdx
index be49a4a8ab..f2bfa4ab80 100644
--- a/apps/docs/content/docs/customization/dark-mode.mdx
+++ b/apps/docs/content/docs/customization/dark-mode.mdx
@@ -90,7 +90,7 @@ Add the theme switcher to your app.
 "use client";
 
 import {useTheme} from "next-themes";
-import { useEffect, useState } from "react";
+import {useEffect, useState} from "react";
 
 export function ThemeSwitcher() {
   const [mounted, setMounted] = useState(false)
@@ -100,7 +100,7 @@ export function ThemeSwitcher() {
     setMounted(true)
   }, [])
 
-  if(!mounted) return null
+  if (!mounted) return null
 
   return (
     <div>
@@ -165,10 +165,18 @@ Add the theme switcher to your app.
 ```jsx
 // components/ThemeSwitcher.tsx
 import {useTheme} from "next-themes";
+import {useEffect, useState} from "react";
 
 export const ThemeSwitcher = () => {
+  const [mounted, setMounted] = useState(false)
   const { theme, setTheme } = useTheme()
 
+  useEffect(() => {
+    setMounted(true)
+  }, [])
+
+  if (!mounted) return null
+
   return (
     <div>
       The current theme is: {theme}