Hey guys everytime I try to return some values, i run into this Promise {: {…}}

const [orders, setOrders] = useState({});
    const ordersCollectRef = query(collection(db, "Orders"));
    useEffect(() => {
        const getU = async (id) => {
            // console.log(id, typeof id);
            const docRef = doc(db, "User", id);
            const docSnap = await getDoc(docRef);

            if (docSnap.exists()) {
                return  docSnap.data();
            } else {
                console.log("No such document!");
            }
        };
        const getOrders = async () => {
            const orderData = await getDocs(ordersCollectRef);
            const o = orderData.docs.map((order) => ({
                ...order.data(),
                id: getU(order.data().userId),
            }));
            setOrders(o);
        };
        getOrders();
    }, []);
    console.log(orders);

I am within an async function and using await, so I dont understand.