This is where most tutorials stop. But if you try to use use() with a promise created inside a Client Component, you will hit a subtle and frustrating bug.

// Bug: creates a new promise on every render

function UserProfile({ userId }: { userId: string }) {

const user = use(fetchUser(userId)); // new promise every render

return <ProfileCard user={user} />;