'I want to add web3 package to react project - BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default

I add web3 package to my react project and start.

yarn add web3


yarn start

But it causes following errors:

...
BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
...

reactjs web3

Solution 1:^[1]

I fixed these issues for 4 days. Then I found the reason of this problem.

I changed to lower version of mainly 2 of packages - react-router-dom and react-scripts.

ex: 
react-scripts - 5.0.0 : error causes
react-scripts - 4.0.3 : success

This was big challenge for me. But finally I solved it.

Thanks for watching my post to the end.

Best regards.

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source
Solution 1	Jenifer