Cannot read properties of undefined (reading 'call')

[bubu59]

When importing bitcoinjs-lib into my react project, I get the following error:

      `Uncaught TypeError: Cannot read properties of undefined (reading 'call')
          at Hash.CipherBase (index.js:6:1)
          at new Hash (browser.js:9:1)
          at createHash (browser.js:23:1)
          at sha256 (crypto.js:26:1)
          at crypto.js:40:1
          at Array.map (<anonymous>)
          at ./node_modules/bitcoinjs-lib/src/crypto.js (crypto.js:39:1)
          at options.factory (react refresh:6:1)
          at __webpack_require__ (bootstrap:24:1)
          at fn (hot module replacement:62:1)`

I have referenced to this repo https://github.com/crypto-browserify/cipher-base/issues/11 but it doesn't seem to solve the issue.

[bubu59]

Referring to my own question above, when I looked into Hash.Cipherbase, it points to the error highlighted in the screenshot below.

I have tried to polyfill it with stream(refer to screenshot below) but to no avail.. I have also installed stream which is present in my package.json.

[ChrisCho-H]

Change the second line of index.js of Cipherbase,
from
require('stream').Transform
to
require('readable-stream')

[bubu59]

Thank you! Will give it a shot!

[junderw]

Fixed by switching over to noble crypto.

[imfaker]

fix it by use 'vite-plugin-node-polyfills'. when use vite