Reactjs javascript进入应用程序后，每个react.js包都能与next.js正常工作吗？

我不熟悉使用Next.js创建带有react.js的网站。我正在尝试将模块“react insta stories”（反应insta故事）放到（）中。只有他指责这份文件没有定义。我知道你们也有类似的问题，但我想问你们一些不同的，更一般的问题。。。因为我想在这个项目中使用几个很棒的模块，而next.js似乎让它变得很困难。有些模块只与“浏览器”对话。问题是。。。在javascript实例化我的应用程序且与next.js没有问题之后，我可以使用react.js中的任何模块吗？有人知道我怎么能把这个故事放到我的项目里吗？因为我尝试了一些解决方案，但我认为它们超出了我的知识范围。

默认情况下

next.js

执行服务器端渲染。获取需要文档或窗口才能工作的react组件的快捷方法是将它们作为in-next调用

如果可以，允许在服务器端呈现组件的更好方法是在

useffect

hook或类似程序中运行此代码，因为这将被发送到浏览器以运行

比如说

import React, { useEffect, useRef } from 'react'

function ComponentWithEffect(): JSX.Element {
   const divRef = useRef<HTMLDivElement>(null)

   useEffect(() => {
       divRef.current?.width = window.width
       divRef.current?.height = window.height
   }, [])

   return(
    <div ref={divRef}/>
  )
}

import React，{useffect，useRef}来自“React”
函数ComponentWithEffect（）：JSX.Element{
const divRef=useRef（null）
useffect（（）=>{
divRef.current？.width=window.width
divRef.current？高度=窗口高度
}, [])
返回(
)
}

但这并不总是可能的，因为对于外部库，您可能无法访问底层方法。回购协议中也有大量资金