Next.js+Hardhat DApp Swap页面水化错误及曲线异常求助

我在尝试渲染基于Next.js和Hardhat开发的DApp的Swap页面时，遇到以下问题：

页面显示错误 #

Application error: a client-side exception has occurred (see the browser console for more information).

控制台错误信息 #

• 曲线相关错误：

Error: Invalid curve
    at a (de297ff1-5db1172d27bc5a6f.js:6:84940)
    at new g (de297ff1-5db1172d27bc5a6f.js:15:2181)
    at Object.get [as secp256k1] (de297ff1-5db1172d27bc5a6f.js:15:2373)
etc.

• Next.js提示：

A client-side exception has occurred, see here for more info: https://nextjs.org/docs/messages/client-side-exception-occurred

• React压缩错误：

Uncaught Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.html?invariant=418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

Uncaught Error: Minified React error #423; visit https://reactjs.org/docs/error-decoder.html?invariant=423 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

错误对应完整含义 #

• 错误#418：

Hydration failed because the initial UI does not match what was rendered on the server.

• 错误#423：

There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering.

我刚接触编程，未发现JSX挂载存在明显问题，已尝试解决24小时无果，代码仓库链接：https://github.com/BeauC2481/dao，恳请技术帮助。

内容的提问来源于stack exchange，提问作者Beau Chaseling