【解決】ReactにてA network errorというエラーが出力された時

問題

React×Reduxで非同期処理を実装している際に以下ようなエラーに遭遇。

FirebaseのcreateUserWithEmailAndPasswordという非同期処理を実現しようとしている。

A network error (such as timeout, interrupted connection or unreachable host) has occurred.

ちなみにだが、Chromeではこのエラーが出力されなかったが、Safariでこのエラーに遭遇した。

MaterialUIで作成してたButtonのTypeのSubmitにしていたことが原因みたいです。

解決方法

<Button
// type="submit"
fullWidth
variant="contained"
color="primary"
className={classes.submit}
onClick={() => dispatch(signUp(mailAddress, password))}
>

ReduxのdispatchやHistoryのPushが反応しないときにこの辺の周りを見てみるといいかもです。

終わり