useMe 와 useEffect와 useState

    const [senderName, setSenderName] = useState()
    const [senderEmail, setSenderEmail] = useState()
    const [senderId, setSenderId] = useState()

    const me = useMe()
    
    useEffect(()=>{
        setSenderId(me?.data?.me?.id)
        setSenderName(me?.data?.me?.name)
        setSenderEmail(me?.data?.me?.email)
    },[me])

componentDidMount 와의 관계

useState 초기값을 useMe 라는 훅으로 전달할 때 위처럼 사용하는 것이 가장 깔끔하였습니다.