truffle-box / react-auth-box

Truffle, Webpack, React, Redux boilerplate with routing and authentication via a smart contract.
https://truffle-box.github.io/
MIT License
176 stars 66 forks source link

Fetching Web3 init on main thread #10

Open rstormsf opened 7 years ago

rstormsf commented 7 years ago

If I try to get Web3 object not using Redux store, it works perfectly fine and I don't get any errors: if I use it with 'https://ropsten.infura.io/metamask' I cannot initialize it, I get errors, 405 POST , Invalid JSON rpc response I assume it has something to do with the way web3 is being fetched. I guess Redux store is trying to use it on main thread and for some reason is not ok to do this way. httpprovider.js:61 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated

The same thing happens when I just run this repo with metamask. It breaks initialization of web3.

Error: Invalid JSON RPC response: {"id":1,"jsonrpc":"2.0"} 
rstormsf commented 7 years ago

It could be because of onLoad event listener which is called by any import function. https://github.com/truffle-box/react-auth-box/blob/master/src/util/web3/getWeb3.js#L14

rstormsf commented 7 years ago

By digging more into it, I found that Chrome Redux extension breaks the calls. If I disable it, everything works just fine.