NextJS Error. Module not found

[syedzayyan]

Hello, I am trying to use Pyodide with my NextJS application, and using this plugin.

This is why next.config.js

const CopyPlugin = require("copy-webpack-plugin");
const { PyodidePlugin } = require("@pyodide/webpack-plugin");

const nextConfig = {
  webpack(config, { isServer }) {
    config.plugins.push(
      new CopyPlugin({
        patterns: [
          {
            from: "node_modules/@rdkit/rdkit/dist/RDKit_minimal.wasm",
            to: "static/chunks"
          }
        ]
      })
    );

    if (!isServer) {
      config.resolve.fallback = {
        fs: false
      };
    }

    return config;
  },   
  plugins: [new PyodidePlugin()],
  output: "export",
  basePath: "/sar-in-browser",
  images: {
    unoptimized: true,
  },
};

module.exports = nextConfig;

And this is how I am trying to load pyodide:

let pyodide = await loadPyodide({
    indexURL: { indexURL: `${window.location.origin}/pyodide` },
});

Any help would be lovely!