问Nextjs如何在传递时声明prop类型？

EN

import {
    InferGetServerSidePropsType,
    GetServerSideProps
} from 'next'
import ProductList from '../../component/product/ProductList'
export interface Item {
    title: string
    price: number
}
const products = ({
    data,
}: InferGetServerSidePropsType<typeof getServerSideProps>) => {
    return (
        <div>
            <ProductList data={data} />
        </div>
    )
}
export const getServerSideProps:GetServerSideProps = async (context: any) => {
    let res = await fetch('/getAllProduct', {
        method: 'get',
    })
    const response: Array<Item> = await res.json()

    return {
        props: {
            data: response,
        },
    }
}
export default products

import { Item } from '../../pages/products/index'
const ProductList = ({ data }: Array<Item>) => {
    const renderData = () => {
        return data.map((i,index) => {
            return <div key={index}>{i}</div>
        })
    }
    return <div></div>
}
export default ProductList