web3-lib

This library is used to fetch data on a EVM-based blockchain

Dependencies

npm install react-app-rewired@2.2.1 assert@2.0.0 crypto-browserify@3.12.0 stream-browserify@3.0.0 buffer@6.0.3 webpack@5.76.2 --save-dev

react-app-rewired: "^2.2.1"
assert: "^2.0.0"
crypto-browserify: "^3.12.0"
stream-browserify: "^3.0.0"
buffer: "^6.0.3"
webpack: "^5.76.2"

Requirements

React-App-Rewired

React-App-Rewired is needed for React-Projects

npm install react-app-rewired

Package.json

Change

1{
2  "scripts": {
3//    "start": "react-scripts start",
4    "start": "react-app-rewired start",
5//    "build": "react-scripts build",
6    "build": "react-app-rewired build",
7  }  
8}

config.override.js

Create a file in the root-directory config.override.js for react-app-rewired

1//File config.overrides.js
2const webpack = require("webpack");
3
4module.exports = function override(config){
5
6    config.resolve = {
7	    extensions: [".ts", ".tsx", ".js", ".jsx"]
8    }
9
10    const fallback = config.resolve.fallback  || {};
11
12    Object.assign(fallback, {
13	buffer: require.resolve("buffer"),
14	crypto: require.resolve("crypto-browserify"),
15	stream: require.resolve("stream-browserify"),
16	assert: require.resolve("assert")
17    })
18    config.resolve.fallback = fallback;
19
20    console.log(config.resolve.fallback)
21
22    config.plugins = (config.plugins || []).concat([
23        new webpack.ProvidePlugin({
24            Buffer: ['buffer', 'Buffer']
25        })
26    ])
27
28    config.ignoreWarnings = [/Failed to parse source map/];
29    
30    return config;
31}