I'm creating project in Laravel 8 + Vue 3 with Typescript and Inertia
I got this error all the time
TS2571: Object is of type 'unknown'.
on this code
console.log(usePage().props.value.auth.user);
There is my auth and user interface:
export interface UserInterface {
id: number
name: string
email: string
}
export interface AuthInterface {
user?: UserInterface
}
When I console.log without .user, everythink is fine.
There is my usePage function:
import {usePage as inertiaUsePage} from "@inertiajs/inertia-vue3";
export const usePage = () => {
return inertiaUsePage<PageProps>();
}
export interface PageProps {
auth: AuthInterface
}
I've reproduced your error, and I found that you also need to have vue3 & @inertiajs/inertia installed for types to be correct.