craco.config.js

const path = require('path');
const { when, whenDev, whenProd, whenTest, ESLINT_MODES, POSTCSS_MODES } = require("@craco/craco");

module.exports = {
    reactScriptsVersion: "react-scripts" /* (default value) */,
    babel: {
        presets: [],
        plugins: [],
        // loaderOptions: { /* Any babel-loader configuration options: https://github.com/babel/babel-loader. */ },
        // loaderOptions: (babelLoaderOptions, { env, paths }) => { return babelLoaderOptions; }
    },
    webpack: {
        // configure: { /* Any webpack configuration options: https://webpack.js.org/configuration */ },
        configure: (webpackConfig, { env, paths }) => {
          webpackConfig.module.rules.push({
            test: /\.mjs$/,
            include: /node_modules/,
            type: "javascript/auto"
          });

          const wasmExtensionRegExp = /\.wasm$/;

          webpackConfig.resolve.extensions.push('.wasm');

          webpackConfig.module.rules.forEach(rule => {
            (rule.oneOf || []).forEach(oneOf => {
              if (oneOf.loader && oneOf.loader.indexOf('file-loader') >= 0) {
                // make file-loader ignore WASM files
                oneOf.exclude.push(wasmExtensionRegExp);
              }
            });
          });

          // add a dedicated loader for WASM
          webpackConfig.module.rules.push({
            test: wasmExtensionRegExp,
            include: path.resolve(__dirname, 'src'),
            use: [{ loader: require.resolve('wasm-loader'), options: {} }]
          });

          // // Add web assembly support
          // if (webpackConfig.module.experiments) {
          //   webpackConfig.module.experiments.push({
          //     asyncWebAssembly: true,
          //   });
          // } else {
          //   webpackConfig.module.experiments= {
          //     asyncWebAssembly: true,
          //   };
          // }

          return webpackConfig; 
        }
    },
    plugins: [
        {
            plugin: {
                overrideCracoConfig: ({ cracoConfig, pluginOptions, context: { env, paths } }) => { return cracoConfig; },
                overrideWebpackConfig: ({ webpackConfig, cracoConfig, pluginOptions, context: { env, paths } }) => { return webpackConfig; },
            },
            options: {}
        }
    ]
};