How to return Boolean from a Promise<Boolean> in React.js?

Question

I have this checkRouteAuthentication function()

async function checkRouteAuthentication() {
    const body = {
        token: localStorage.getItem("token")
    }

    const resp = await hostApi.post("empresa/isAuthenticated", body);
    localStorage.setItem("isAuth", resp.data);

    return resp.data;
}

And I want to do, for example, the following: If my function returns true I re-address my component, if false, I am redirected to login

const PrivateRoute = ({ component: Component, ...rest }) => (
    <Route
        {...rest}
        render={props =>
            checkRouteAuthentication() ? (
                <Component {...props} />
            ) : (
                <Redirect to={{ pathname: "/login", state: { from: props.location } }} />
            )
        }
    />
);

And it’s always falling in the True case even though Resp.data is false, which I should do for that code to work?

Function signature when mouse over:

function checkRouteAuthentication(): Promise<boolean>