window غير معرفة في next js

يجب عليك تحريك الكود من ()componentWillMount الى ()componentDidMount كالآتي

componentDidMount() {
  console.log('window.innerHeight', window.innerHeight);
}

في Next.js ، الدالة ()componentDidMount يتم تنفيذها فقط عند العميل client حيث window و APIs المتصفح تكون متاحة.

على نفس المنوال دالة ()componentWillMount سيتم إزالته من React إصدار 17 ، لذلك من المحتمل أن يكون غير آمن للإستخدام في المستقبل القريب جداً

كما وضح عبدالمجيد أن الكود الذي يتم تنفيذه في المتصفح أي في ال client side يجب وضعه في ال lifecyle componentDidMount والبديل عن هذه ال lifecyle في ال function component ال useEffect ويتم تنفيذ المطلوب كالتالي

import React, {useEffect } from 'react';

function Index() {

  //componentDidMount and componentDidUpdate مشابه ل 
  useEffect(() => {
      console.log('window.innerHeight', window.innerHeight);
  },[]);