Difference between usePage and defineProps

[whitespacecode]

I was looking to get some Types added to existing code and when i tried adding <Client> where i was using usePage() it didn't work. Saying 'Expected 1 arguments, but got 2'.
That made me wonder what the difference is between usePage or getting the props with vue3 options ?

//Before
const client = toRef(usePage().props, 'client');

//After (throws error)
const client = toRef<Client>(usePage().props, 'client');

I changed the workflow to not having usePage()

type PropTypes = {
    client: Client;
}

const { client } = defineProps<PropTypes>();