# \[Archive\] React App Polyfill Issue

**URL:** <https://builder.metamask.io/t/archive-react-app-polyfill-issue/2340>\
**Category:** Embedded Wallets (Web3Auth)\
**Created:** [October 29, 2022, 9:46pm UTC](https://builder.metamask.io/t/archive-react-app-polyfill-issue/2340 "2022-10-29T21:46:09Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![githubdiscussions](https://avatars.discourse-cdn.com/v4/letter/g/13edae/32.png) [@githubdiscussions](https://builder.metamask.io/u/githubdiscussions)\
**Post date:** [October 29, 2022, 9:46pm UTC](https://builder.metamask.io/t/archive-react-app-polyfill-issue/2340/1 "2022-10-29T21:46:09Z")

</div>

> **🏛 Archived Content from Web3Auth Community**
> 
> This topic was originally posted by **githubdiscussions** on 10/30/2022.  
> This content has been migrated from our previous community forum to preserve valuable discussions.

* * *

Hi, I've added web3auth to a React app I built, and even with the polyfills described here I am still seeing this error with process/browser

\_ERROR in ./node\_modules/async/dist/async.mjs 71:25-32

Module not found: Error: Can't resolve 'process/browser' in '.../node\_modules/async/dist'  
Did you mean 'browser.js'?  
BREAKING CHANGE: The request 'process/browser' failed to resolve only because it was resolved as fully specified  
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '_.mjs' file, or a '_.js' file where the package.json contains '"type": "module"').  
The extension in the request is mandatory for it to be fully specified.  
Add the extension to the request.\_

I've double checked, my config-overrides file includes the line

_config.plugins = (config.plugins || []).concat([  
new webpack.ProvidePlugin({  
process: "process/browser",  
Buffer: ["buffer", "Buffer"],  
}),  
]);_

anyone else experiencing this issue?

  
   
 Originally posted by: [jackbl1](https://github.com/jackbl1)  
   
 Check the discussion at: [https://github.com/orgs/Web3Auth/discussions/795](https://github.com/orgs/Web3Auth/discussions/795)

---

<div class="post-metadata">

**Author:** ![githubdiscussions](https://avatars.discourse-cdn.com/v4/letter/g/13edae/32.png) [@githubdiscussions](https://builder.metamask.io/u/githubdiscussions)\
**Post date:** [October 31, 2022, 7:29am UTC](https://builder.metamask.io/t/archive-react-app-polyfill-issue/2340/2 "2022-10-31T07:29:11Z")

</div>

Hey [@jackbl1](https://github.com/jackbl1)

Have you looked into [https://web3auth.io/docs/troubleshooting/webpack-issues#react](https://web3auth.io/docs/troubleshooting/webpack-issues#react)? If not, can you try implementing the solution mentioned there?

- Install `react-app-rewired` and add the missing modules to your application.

- Create `config-overrides.js` in the root of your project folder with the content:

  
   
 Originally posted by: [shahbaz17](https://github.com/shahbaz17)

---

<div class="post-metadata">

**Author:** ![githubdiscussions](https://avatars.discourse-cdn.com/v4/letter/g/13edae/32.png) [@githubdiscussions](https://builder.metamask.io/u/githubdiscussions)\
**Post date:** [November 1, 2022, 3:41am UTC](https://builder.metamask.io/t/archive-react-app-polyfill-issue/2340/3 "2022-11-01T03:41:12Z")

</div>

Please add following lines in your webpack config :

```
config.module.rules.unshift({
    test: /\.m?js$/,
    resolve: {
      fullySpecified: false, // disable the behavior
    },
  })

```

or `process/browser` as alias, for ex:

```
 Object.assign(fallback, {
    crypto: require.resolve("crypto-browserify"),
    stream: require.resolve("stream-browserify"),
    assert: require.resolve("assert"),
    http: require.resolve("stream-http"),
    https: require.resolve("https-browserify"),
    os: require.resolve("os-browserify"),
    url: require.resolve("url"),
    'process/browser': require.resolve('process/browser')
  });

```

  
   
 Originally posted by: [himanshuchawla009](https://github.com/himanshuchawla009)