Comment
Author: Admin | 2025-04-27
Add --dev react-app-rewired crypto-browserify stream-browserify assert stream-http https-browserify os-browserify url buffer process vm-browserify browserify-zlibIf you are using NPMnpm install --save-dev react-app-rewired crypto-browserify stream-browserify assert stream-http https-browserify os-browserify url buffer process vm-browserify browserify-zlibThen Create a config-overrides.js in the root of your project directory and add the following:const webpack = require('webpack');module.exports = function override(config) { const fallback = config.resolve.fallback || {}; 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"), "vm": require.resolve("vm-browserify") }) config.resolve.fallback = fallback; config.ignoreWarnings = [/Failed to parse source map/]; config.plugins = (config.plugins || []).concat([ new webpack.ProvidePlugin({ process: 'process/browser', Buffer: ['buffer', 'Buffer'] }) ]) return config;}In package.json replace the starting scripts with the following:"scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "eject": "react-scripts eject"},Opional, add this to config-overrides.js if you want to hide the warnings created by the console:config.ignoreWarnings = [/Failed to parse source map/];Install Particle Network's BTC Connect and ethersNow you can install BTC Connect and ethers.js:yarn add @particle-network/btc-connectkit ethersornpm install @particle-network/btc-connectkitLearn more about the BTC Connect SDK on the Particle Network's docs.
Add Comment