React Hook: передать одно значение из пользовательского обработчика реакции другому?

Question

Я пытаюсь выяснить, как работают пользовательские хуки. Я хочу получить идентификатор человека из одного пользовательского хука и передать его в пользовательский хук, чтобы получить информацию о пользователе. Это работает? Хук детализации пользователя всегда выполняется первым, и из-за этого он не работает.

App.js
 const username = props.navigation.getParam('username');
    const id = usePersonId('username');
    const userInfo = useUserInfo(id);

usePersonId
export default (username) => {
    const [personId, setPersonId] = useState(0);
    useEffect(async () => {

        let token = await new keys().getToken();
        let x = await new userService().getPersonId(token, username);
        setPersonId(x.user_id);

        return () => {
            console.log("cleaned up");
        };
    }, [])
    return  personId;
}

useUserInfo
export default (id) => {
    const [userInfo, setUserInfo] = useState('');
    useEffect(async () => {
        let token = await new keys().getToken();
        let x = await new userDetails().getUserInfo(token, id);
        const info = {
            "picture": pictureUrl,
        };
        setUserInfo(info);
        return () => {
            console.log("cleaned up");
        };
    }, [])
    return userInfo;

Спасибо, Jan