Does convex deal with caching duplicate queries?

function UserName({userId}: {userId: string) {
  const name = useQuery(api.users.getUserName, { userId}))
return name
}

function Page() {
  return <div>
    <UserName userId={'123'} />
    <UserName userId={'123'} />
    <UserName userId={'222'} />
    <UserName userId={'222'} />
    <UserName userId={'123'} />
    <UserName userId={'222'} />
    <UserName userId={'123'} />
</div>
}