Merge pull request #39 from webdevhome:add-prettier

alinnert · web-flow · commit 3ca0044a1211 · 2023-06-06T12:17:23.000+02:00
Add prettier devDependency
diff --git a/.gitignore b/.gitignore
@@ -1,5 +1,6 @@
-node_modules
+/.idea
+/node_modules
+/dist
+/dist-ssr
 .DS_Store
-dist
-dist-ssr
-*.local
+*.local
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -32,6 +32,7 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^6.0.0",
     "postcss": "^8.4.5",
+    "prettier": "^2.8.0",
     "react-svg": "^15.1.5",
     "tailwindcss": "^3.0.14",
     "typescript": "^4.4.4",
diff --git a/src/components/App/useThemeSwitcher.ts b/src/components/App/useThemeSwitcher.ts
@@ -27,11 +27,6 @@ export function useThemeSwitcher(): UseThemeSwitcherResult {
     AppTheme.light | AppTheme.dark
   >(AppTheme.light)
 
-  const rootElement = useMemo(
-    () => globalThis.document.getElementsByTagName('html')[0],
-    [],
-  )
-
   function handlePrefersColorSchemeChange(event: MediaQueryListEvent): void {
     setPrefersDark(event.matches)
   }
@@ -58,7 +53,7 @@ export function useThemeSwitcher(): UseThemeSwitcherResult {
     }
 
     setEffectiveTheme(currentTheme)
-  }, [rootElement, currentTheme, prefersDark])
+  }, [currentTheme, prefersDark])
 
   // Set className
   useEffect(() => {
