React Native check if server is reachable. Sometimes the device shows that you are connected to internet but when you make a request to your server, you dont get any response. This handy code will ping a server and wait for response, if no response, it will alert the user. You can use this code on top of your fetch function. It will run in paral…

ServerReachable.js

export const isReachable = async () =>{
    const timeout = new Promise((resolve, reject) => {
        setTimeout(reject, 5000, 'Request timed out');
    });
    const request = fetch('https://xxxxxx.com');
    try {
        const response = await Promise
            .race([timeout, request]);
        return true;
    }
    catch (error) {
        return alert('We are having some issue in connecting to EasySales server. Please check your internet connection');
    }
}