Correctly infer prop types from getServerSideProps function

Profile.tsx

const Profile = ({
  user,
}: InferGetServerSidePropsType<typeof getServerSideProps>): JSX.Element => {
  return (
    <section>
      <div>{user.image}</div>
      <div>{user.name}</div>
      <div>{user.email}</div>
      <div>{user.role}</div>
      <div>{user.id}</div>
    </section>
  );
};

export const getServerSideProps: GetServerSideProps<Session> = async ({
  req,
}) => {
  const session = await getSession({ req });
  if (!session) {
    return {
      redirect: {
        destination: '/',
        permanent: false,
      },
    };
  }
  return {
    props: { ...session },
  };
};

export default Profile;