Using .then don't return components

Question

i have problem with .then in my function,code:

export function rightsMenu(token) {
    checkLogin(token).then(r => {
        const isLoggedIn = r.logged;
        if (isLoggedIn) {
            return <MenuLogin avatar={r.avatar} username={r.username} />
        } else return <LoginButton />
    })
}