NextJS-未定义窗口

我正在尝试将Typewriter Effect导入到我的NextJS项目中,但是每当执行此操作时,都会出现此错误,内容如下:

ReferenceError:窗口未定义

从我所读的内容中,将显示错误,因为它试图在服务器端而不是客户端上加载库。

所以当我简单地尝试像这样导入它时:

import Typewriter from 'typewriter-effect'

错误会立即显示。

人们建议我尝试这样的事情:

let Typewriter
if (typeof window !== 'undefined') {
  Typewriter = require( 'typewriter-effect' )
}

但是,它也不是这样。我收到一条读取以下内容的错误:

元素类型无效:期望使用字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。

我已经在很多地方搜索了可能解决该问题的方法,但是我的尝试一直没有成功。