i want this function to return either true or false, instead I get

/**

 * Sends request to the backend to check if jwt is valid

 * @returns {boolean} 

 */

const isAuthenticated = () => {

    const token = localStorage.getItem('jwt'); 

    if(!token) return false; 

    const config = {headers : {'x-auth-token' : token}}; 



    const response = axios.get('http://localhost:8000/user' , config)

    .then(res =>  res.status === 200 ? true : false)

    .catch(err => false);



    return  response;

}   



export default isAuthenticated; 

I tried separating them and using async/await :

const isAuthenticated = async () => {

    const response = await makeRequest();

    return  response;

}   





const makeRequest = async () => { 

    const token = localStorage.getItem('jwt'); 

    const config = {headers : {'x-auth-token' : token}}; 

    const response = await axios.get('http://localhost:8000/user' , config)

    .then(res =>  res.status === 200 ? true : false)

    .catch(err => false);



    return response;

}

And still the same..

After some suggestions :

const isAuthenticated =  () => {

    const response =  makeRequest();

    return  response;

}   





const makeRequest = async () => { 

    try {

        const token = localStorage.getItem('jwt'); 

        const config = {headers : {'x-auth-token' : token}}; 

        const response = await axios.get('http://localhost:8000/user', config);

        if (response.status === 200) { // response - object, eg { status: 200, message: 'OK' }

            console.log('success stuff');

            return true;

        }

        return false;

   } catch (err) {

        console.error(err)

        return false;

   }

}

export default isAuthenticated;