Next.js&TypeScriptのpropsの型推論について

Question

getStaticPropsで取得したpropsをpagesのコンポーネントで受け取る際に型を引き継げるようにしたいです。

公式ドキュメントを参考にInferGetStaticPropsTypeを使ってみたのですが、コンポーネント内のitemsにマウスホバーするとany型が表示されています。

間違っている箇所があればご指摘頂けると幸いです。

import { GetStaticProps, InferGetStaticPropsType } from 'next';
import Link from 'next/link';

import { User } from '../../interfaces';
import { sampleUserData } from '../../utils/sample-data';
import Layout from '../../components/Layout';
import List from '../../components/List';

export const getStaticProps: GetStaticProps = async () => {
  const items: User[] = sampleUserData;
  return { props: { items } };
};

const WithStaticProps = ({
  items,
}: InferGetStaticPropsType<typeof getStaticProps>) => (
  <Layout title="Users List | Next.js + TypeScript Example">
    <h1>Users List</h1>
    <p>
      Example fetching data from inside <code>getStaticProps()</code>.
    </p>
    <p>You are currently on: /users</p>
    <List items={items} />
    <p>
      <Link href="/">
        <a>Go home</a>
      </Link>
    </p>
  </Layout>
);

export default WithStaticProps;