我有一个相对基本的项目，使用 Solidity 和 React 作为使用 Create React App 的单页 dApp。但是，我现在正在尝试将其移至 Nextjs 并遇到了一个障碍，我认为这与 Nextjs 所做的服务器端内容有关。我已经删除了所有冗余代码，只提供了足以产生错误的代码：

import { ethers,Contract } from 'ethers';
import Project from '../src/artifacts/contracts/Project.sol/Project.json';

const contractAddress = process.env.contract_address;

export default function App() {

  const provider = new ethers.providers.Web3Provider(window.ethereum);      

  console.log(provider.getSigner())

  return (
    <div classname="App">
      <p>Hello!</p>
    </div>
  );

}

此错误：

window is not defined

我看到有人建议通过状态加载和设置它，如下所示：

const [provider,setProvider] = useState({})

React.useEffect(() => {
   setProvider(new ethers.providers.Web3Provider(window.ethereum))
},[]);

const signer = provider.getSigner(); 

但这会返回：TypeError: provider.getSigner is not a function

但是如果我注释掉这段代码，刷新并让页面加载，然后取消注释代码并让热重载刷新组件我没有得到这样的错误并且可以成功控制台.log {{ 1}}。

拉出我有限的头发试图解决这个问题，任何帮助将不胜感激。