Improve React usePage generic type

[jessarcher]

In #1396, the usePage generic type was (re)introduced for the React adapter.

When trying to use this, I've found it to be quite inconvenient because it's expecting us to pass in an entire Page type, which has things like the url, component, etc. with the props being nested under a props key.

This PR aims to solve that by changing the generic type to just accept the PageProps type.

This would also make the usage consistent with the Vue version.

[jessarcher]

@Bloemendaal, @hailwood - I'd appreciate your thoughts on this one 🙂

[Bloemendaal]

Looks like an improvement to me! 👍

Just wondering if there is any way (or reason) to extend the Page interface itself, since this is a property in the createInertiaApp object...

[jessarcher]

Just wondering if there is any way (or reason) to extend the Page interface itself, since this is a property in the createInertiaApp object...

I can't think of a reason you'd want to, but perhaps my imagination is lacking 😆

The Page interface is currently only exported from the @inertiajs/core package and we discourage importing anything directly from that package as it should not be a direct dependency of your application.

If someone had a good reason I don't think I'd have any problem re-exporting it from the adapters.

[hailwood]

Yep that's exactly how I'd expect to use it 👍
Very nice 🙂