web3-lib

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

Dependencies

npm install [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] --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

{
  "scripts": {
//    "start": "react-scripts start",
    "start": "react-app-rewired start",
//    "build": "react-scripts build",
    "build": "react-app-rewired build",
  }  
}

config.override.js

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

//File config.overrides.js
const webpack = require("webpack");

module.exports = function override(config){

    config.resolve = {
	    extensions: [".ts", ".tsx", ".js", ".jsx"]
    }

    const fallback = config.resolve.fallback  || {};

    Object.assign(fallback, {
	buffer: require.resolve("buffer"),
	crypto: require.resolve("crypto-browserify"),
	stream: require.resolve("stream-browserify"),
	assert: require.resolve("assert")
    })
    config.resolve.fallback = fallback;

    console.log(config.resolve.fallback)

    config.plugins = (config.plugins || []).concat([
        new webpack.ProvidePlugin({
            Buffer: ['buffer', 'Buffer']
        })
    ])

    config.ignoreWarnings = [/Failed to parse source map/];
    
    return config;
}