Next.js Tutorial - Part 3 - TypeScript Migration getInitialProps 2

C:\Users\Administrator\Desktop\nextjs\pages\list.tsx

import fetch from 'isomorphic-unfetch';
import Link from 'next/link';
import { VehiclePerson } from '../api/VehiclePerson';
interface ListProps {
  ownersList?:VehiclePerson[]
}
export default function List({ownersList}:ListProps) {
  return (
    <div>
      {
        ownersList?.map((e, index) => (
        <div key={index}>
          <Link as={`${e.vehicle}/${e.ownerName}`} href="/[abc]/[cde]">
            <a>About</a>
          </Link>
        </div>
        ))
      }
    </div>
  );
}
List.getInitialProps = async () => {
  const response = await fetch('http://localhost:3000/vehicles');
  const ownersList:ListProps[] = await response.json();
  return {ownersList}
}

C:\Users\Administrator\Desktop\nextjs\pages[vehicle][person].tsx

export default function MyComp() {
  return <h1>Projects</h1>
}