Incompatible with Webpack 5 due to process dependency

Describe the bug

Webpack 5 removes process (see https://webpack.js.org/migrate/5/), effectively making it impossible to use this library since it has code like:

function asap(task) {
  var rawTask;

  if (freeTasks.length) {
    rawTask = freeTasks.pop();
  } else {
    rawTask = new RawTask();
  }

  rawTask.task = task;
  rawTask.domain = process.domain;
  (0, _raw.rawAsap)(rawTask);
}

Reproduction

Use react-dnd 11.x and Webpack 4. Add the following to your Webpack config:

    node: {
      Buffer: false, // WEBPACK 5: Remove
      process: false, // WEBPACK 5: Remove
    },

Expected behavior

react-dnd should work in Webpack 5 builds

[yoo-hooo]

I had the same issue but I was able to fix it by updating my webpack config file from mainFields: ['main', 'browser'] to mainFields: ['browser', 'module', 'main'], since @react-dnd/asap exposes a browserified version via the module field in the package.json which doesn’t have any dependencies on process. @nishadthajudeen @csvan

[AlexanderFlatscher]

I had the same issue but adding module to mainFields unfortunately caused new issues with other packages in my project. Therefore I’ve added the following resolve.alias to my webpack config to solve this error:

'@react-dnd/asap': '@react-dnd/asap/dist/esm/browser/asap.js'