getStaticProps Typescript

gistfile1.txt

import Link from 'next/link';
import { InferGetStaticPropsType, GetStaticProps } from "next";
import { FC, useState, useEffect } from 'react';

interface PeopleData {
    name: string;
    website: string;
    email: string;
  }

  export const getStaticProps = async () => { 
    const people: PeopleData[] = await ( 
        await fetch('https://jsonplaceholder.typicode.com/users')
    ).json();

    return {
      props: {
        people
      },
    };
  };

const People: FC = ({ people }: InferGetStaticPropsType<typeof getStaticProps>) => {  
  return (
     <div>
        {people.map((person, i) => (
            <div key={i}>
                <h1>{person.name}</h1>
                <h2>Website: {person.website}</h2>
                <code>Email: {person.email}</code>
            </div>
        ))}
        

      <h2>
        <Link href="/">
          <a>Back to home</a>
        </Link>
      </h2>
    </div>

  );
};

export default People;