d0zingcat/nextjs-notion-starter-kit
1
0
Fork 0
mirror of https://github.com/d0zingcat/nextjs-notion-starter-kit.git synced 2026-05-30 07:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adding fix for footer icons after rehydration

Browse Source
This commit is contained in:
Jorge Ruvalcaba
2021-03-08 11:29:41 -06:00
parent 51d4a0e022
commit 5b06f385f5
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/Footer.tsx
View File

@@ -11,6 +11,7 @@ export const Footer: React.FC<{
isDarkMode: boolean isDarkMode: boolean
toggleDarkMode: () => void toggleDarkMode: () => void
}> = ({ isDarkMode, toggleDarkMode }) => { }> = ({ isDarkMode, toggleDarkMode }) => {
const [hasMounted, setHasMounted] = React.useState(false)
const toggleDarkModeCb = React.useCallback( const toggleDarkModeCb = React.useCallback(
(e) => { (e) => {
e.preventDefault() e.preventDefault()
@@ -19,6 +20,14 @@ export const Footer: React.FC<{
[toggleDarkMode] [toggleDarkMode]
) )
React.useEffect(() => {
setHasMounted(true)
}, [])
if (!hasMounted) {
return null
}
return ( return (
<footer className={styles.footer}> <footer className={styles.footer}>
<div className={styles.copyright}>Copyright 2021 {config.author}</div> <div className={styles.copyright}>Copyright 2021 {config.author}</div>