TS Support gone for usePage hook?

[amiranagram]

Hi! Before the latest (1.0.0) release I was able to type-hint the usePage hook, like this:

const { props }: { props: ComputedRef<SharedData> } = usePage()

const user = computed(() => props.value.auth.user)

I was hoping that after ditching the computed props in usePage I would be able to do this:

const { props }: { props: SharedData } = usePage()

const user = computed(() => props.auth.user)

but not anymore.

NOTE that SharedData is my own type that I wrote for everything I'm passing from the inertia middleware.

[talelmishali]

Hi! Before the latest (1.0.0) release I was able to type-hint the usePage hook, like this:

const { props }: { props: ComputedRef<SharedData> } = usePage()



const user = computed(() => props.value.auth.user)

I was hoping that after ditching the computed props in usePage I would be able to do this:

const { props }: { props: SharedData } = usePage()



const user = computed(() => props.auth.user)

but not anymore.

NOTE that SharedData is my own type that I wrote for everything I'm passing from the inertia middleware.

It looks like it's in the work 25c56b7

EDIT:

Following @lepikhinb suggestion on the Discord channel, you can declare the usePage yourself. Discord Comment

import "@inertiajs/vue3"
import { Page } from "@inertiajs/core"

declare module "@inertiajs/vue3" {
  export declare function usePage(): Page<{Your.Type}>
}