title: Object is of type "unknown" in interfaces
body: <p>I'm creating project in Laravel 8 + Vue 3 with Typescript and Inertia</p>
  <p>I got this error all the time</p>
  <p><code>TS2571: Object is of type 'unknown'.</code></p>
  <p>on this code</p>
  <p><code>console.log(usePage().props.value.auth.user);</code></p>
  <p>There is my auth and user interface:</p>
  <pre><code>export interface UserInterface {
      id: number
      name: string
      email: string
  }
  
  export interface AuthInterface {
      user?: UserInterface
  }
  </code></pre>
  <p>When I <code>console.log</code> without <code>.user</code>, everythink is fine.</p>
  <p>There is my <code>usePage</code> function:</p>
  <pre><code>import {usePage as inertiaUsePage} from &quot;@inertiajs/inertia-vue3&quot;;
  
  export const usePage = () =&gt; {
      return inertiaUsePage&lt;PageProps&gt;();
  }
  
  export interface PageProps {
      auth: AuthInterface
  }
  </code></pre>