окно не определено в следующем js при использовании материализации css

Question

Я использую следующий js. Когда я пытаюсь набрать import M from 'materialize-css';, я получаю window is undefined.

Answer 1

Вы можете импортировать materialize-css только на стороне клиента, используя Dynami c.

import dynamic from 'next/dynamic';
const M = dynamic(() => import('materialize-css'), {
    ssr: false,
});

Answer 2

Я добавил useEffect и добавил эту строку:

     if(typeof window !== 'undefined'){
       const M = require('materialize-css');
       ...
     }
      

вместо оператора import