Next.js basic GetStaticProps with TypeScript

home.tsx

import { GetStaticProps, NextPage } from "next";

interface Data {
  title: string;
}

interface HomePageProps {
  data: Data;
}

const Home: NextPage<HomePageProps> = (props) => {
  return (
    <div>
      <h1>{props.data.title}</h1>
    </div>
  );
};

export const getStaticProps: GetStaticProps<HomePageProps> = async () => {
  try {
    const { data, errors } = await someQuery();
    if (errors || !data) {
      return { notFound: true };
    }
    return { props: { data } };
  } catch (err) {
    return { notFound: true };
  }
};

export default Home;