How to check Network connection with Ionic React?

Question

I would like to check my Internet connection in my Ionic React application. All what I find on Internet is for Ionic angular. How can I do that ?

Answer 1

If you are using Ionic with Capacitor u can use the @capacitor/network api.

Answer 2

Ok thanks, I find something else ...

['load', 'online', 'offline'].forEach(function (e) {
    window.addEventListener(e, () => { props.setNetworkState(navigator.onLine ? "online" : "offline") });
  });