The latest next releases of moralis and react-moralis are not compatible with react-scripts v5

I’ve upgraded the "moralis": "^1.0.0-beta.4" and "react-moralis": "^1.0.0-beta.1", but got the below errors when I run yarn start:

ERROR in ./node_modules/cipher-base/index.js 3:16-43
Module not found: Error: Can't resolve 'stream' in 'node_modules/cipher-base'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "stream": require.resolve("stream-browserify") }'
        - install 'stream-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "stream": false }
 @ ./node_modules/create-hash/browser.js 11:11-33
 @ ./node_modules/ethereumjs-util/dist/index.js 23:17-39
 @ ./node_modules/web3-provider-engine/index.js 5:16-42
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 6:23-54
 @ ./node_modules/moralis/lib/browser/Web3Connector/WalletConnectWeb3Connector.js 158:54-93
 @ ./node_modules/moralis/lib/browser/MoralisWeb3.js 83:57-110
 @ ./node_modules/moralis/lib/browser/Parse.js 45:42-66
 @ ./node_modules/moralis/index.js 1:0-50
 @ ./node_modules/react-moralis/lib/index.esm.js 3:0-36 5335:11-24
 @ ./src/index.tsx 8:0-48 14:33-48

ERROR in ./node_modules/xhr2-cookies/dist/xml-http-request.js 37:11-26
Module not found: Error: Can't resolve 'http' in 'node_modules/xhr2-cookies/dist'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "http": require.resolve("stream-http") }'
        - install 'stream-http'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "http": false }
 @ ./node_modules/xhr2-cookies/dist/index.js 11:9-38
 @ ./node_modules/@walletconnect/http-connection/dist/esm/index.js 2:0-46 4:47-61
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 3:0-60 338:22-36
 @ ./node_modules/moralis/lib/browser/Web3Connector/WalletConnectWeb3Connector.js 158:54-93
 @ ./node_modules/moralis/lib/browser/MoralisWeb3.js 83:57-110
 @ ./node_modules/moralis/lib/browser/Parse.js 45:42-66
 @ ./node_modules/moralis/index.js 1:0-50
 @ ./node_modules/react-moralis/lib/index.esm.js 3:0-36 5335:11-24
 @ ./src/index.tsx 8:0-48 14:33-48

ERROR in ./node_modules/xhr2-cookies/dist/xml-http-request.js 39:12-28
Module not found: Error: Can't resolve 'https' in 'node_modules/xhr2-cookies/dist'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "https": require.resolve("https-browserify") }'
        - install 'https-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "https": false }
 @ ./node_modules/xhr2-cookies/dist/index.js 11:9-38
 @ ./node_modules/@walletconnect/http-connection/dist/esm/index.js 2:0-46 4:47-61
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 3:0-60 338:22-36
 @ ./node_modules/moralis/lib/browser/Web3Connector/WalletConnectWeb3Connector.js 158:54-93
 @ ./node_modules/moralis/lib/browser/MoralisWeb3.js 83:57-110
 @ ./node_modules/moralis/lib/browser/Parse.js 45:42-66
 @ ./node_modules/moralis/index.js 1:0-50
 @ ./node_modules/react-moralis/lib/index.esm.js 3:0-36 5335:11-24
 @ ./src/index.tsx 8:0-48 14:33-48

ERROR in ./node_modules/xhr2-cookies/dist/xml-http-request.js 41:9-22
Module not found: Error: Can't resolve 'os' in 'node_modules/xhr2-cookies/dist'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "os": require.resolve("os-browserify/browser") }'
        - install 'os-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "os": false }
 @ ./node_modules/xhr2-cookies/dist/index.js 11:9-38
 @ ./node_modules/@walletconnect/http-connection/dist/esm/index.js 2:0-46 4:47-61
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 3:0-60 338:22-36
 @ ./node_modules/moralis/lib/browser/Web3Connector/WalletConnectWeb3Connector.js 158:54-93
 @ ./node_modules/moralis/lib/browser/MoralisWeb3.js 83:57-110
 @ ./node_modules/moralis/lib/browser/Parse.js 45:42-66
 @ ./node_modules/moralis/index.js 1:0-50
 @ ./node_modules/react-moralis/lib/index.esm.js 3:0-36 5335:11-24
 @ ./src/index.tsx 8:0-48 14:33-48

nodejs: v16.13.0
yarn: 1.22.17

you can try with react-scripts v4

yes as @cryptokid says uses react scripts 4, you can try 4.0.3 that is what we use in the ethereum boilerplate.

Currently the SDK is most stable with webpack4 that contains in react-scripts v4. On the other hand react-scripts v5 comes with webpack5 which is currently need further configuration to be used