Error when compiling next js project after importing OpenSeaPort

Steps to reproduce

1. Create a brand new project with yarn create next-app, npx create-next-app@latest, or pnpm dlx create-next-app@latest
2. Using your package manager of choice, add opensea-js
3. Open pages/index.js
4. Add this import import { OpenSeaPort } from "opensea-js";
5. Save and run the project

OS: Garuda Linux x86_64 Kernel: 5.16.10-zen1-1-zen Node version: v16.13.2

Stack trace

error - ./node_modules/rustbn.js/lib/index.asm.js:1:1279
Module not found: Can't resolve 'fs'

Import trace for requested module:
./node_modules/rustbn.js/index.js
./node_modules/ethereumjs-vm/dist/evm/precompiles/06-ecadd.js
./node_modules/ethereumjs-vm/dist/evm/precompiles/index.js
./node_modules/ethereumjs-vm/dist/evm/evm.js
./node_modules/ethereumjs-vm/dist/runCode.js
./node_modules/ethereumjs-vm/dist/index.js
./node_modules/@0x/base-contract/lib/src/index.js
./node_modules/wyvern-js/lib/abi_gen/wyvern_d_a_o.js
./node_modules/wyvern-js/lib/wyvernProtocol.js
./node_modules/wyvern-js/lib/index.js
./node_modules/opensea-js/lib/seaport.js
./node_modules/opensea-js/lib/index.js

[esteban-OpenSea]

We are looking into this!

[zackbiernat]

Adding this to the next.config.js fixed the compile error for us

    future: {
        webpack5: true,
    },
    webpack: (config, {}) => {
        config.resolve.fallback = {
            ...config.resolve.fallback,
            fs: false,
          };
     },

but we still get a bunch of critical dependency errors in the console.