Skip to content

Commit 40a0a06

Browse files
committed
chore: ci refactor fox
useState<number | null>(() => typeof window !== 'undefined' ? window.innerWidth : null) — initializes the value immediately via a lazy initializer instead of inside the effect typeof window !== 'undefined' guard prevents SSR errors during Next.js server rendering
1 parent bbd8784 commit 40a0a06

1 file changed

Lines changed: 5 additions & 5 deletions

File tree

src/components/HeroHeader/HeroHeader.tsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,17 @@ import DesktopHero from './DesktopHero';
33
import MobileHero from './MobileHero';
44

55
export default function HeroHeader() {
6-
const [screenWidth, setScreenWidth] = useState<number | null>(null);
6+
const [screenWidth, setScreenWidth] = useState<number | null>(() =>
7+
typeof window !== 'undefined' ? window.innerWidth : null,
8+
);
79

810
const breakpoint = 768;
911

1012
useEffect(() => {
11-
setScreenWidth(window.innerWidth);
12-
1313
const handleResize = () => setScreenWidth(window.innerWidth);
14-
14+
1515
window.addEventListener('resize', handleResize);
16-
16+
1717
return () => {
1818
window.removeEventListener('resize', handleResize);
1919
};

0 commit comments

Comments
 (0)