getServerSideProps() fetches NextAuth session put fails to pass props to Next.js page components

getServerSideProps session: {
  user: {
    name: 'Lucca Rodrigues',
    email: ***REDACTED FOR PRIVACY***,
    image: 'https://lh3.googleusercontent.com/a/AEdFTp4oe6lvmwJ97pwAFe47WzIF6S0dIez7j-T-0lT3hA=s96-c',
    id: 'clefvo6jy0002wghoecqhp8y3'
  },
  expires: '2023-03-24T18:48:28.460Z'
}
Notes page props: { className: 'jsx-3109855100 ' }

getServerSideProps session: {
  user: {
    name: 'Lucca Rodrigues',
    email: ***REDACTED FOR PRIVACY***,
    image: 'https://lh3.googleusercontent.com/a/AEdFTp4oe6lvmwJ97pwAFe47WzIF6S0dIez7j-T-0lT3hA=s96-c',
    id: 'clefvo6jy0002wghoecqhp8y3'
  },
  expires: '2023-03-24T18:48:28.460Z'
}
Notes page props: { className: 'jsx-3109855100 ' }

// src/pages/notes/index.tsx
export const getServerSideProps: GetServerSideProps<{
  session: Session;
}> = async (context) => {
  const session = await getServerAuthSession(context);

  console.log("getServerSideProps session:", session);

  if (!session) {
    return {
      redirect: {
        destination: "/",
        permanent: false,
      },
    };
  }

  // Pass data to the page via props
  return { props: { session } };
};

function NotesPage({
  session,
}: InferGetServerSidePropsType<typeof getServerSideProps>) {
  // component logic and UI markup here...
}

// src/pages/notes/index.tsx
export const getServerSideProps: GetServerSideProps<{
  session: Session;
}> = async (context) => {
  const session = await getServerAuthSession(context);

  console.log("getServerSideProps session:", session);

  if (!session) {
    return {
      redirect: {
        destination: "/",
        permanent: false,
      },
    };
  }

  // Pass data to the page via props
  return { props: { session } };
};

function NotesPage({
  session,
}: InferGetServerSidePropsType<typeof getServerSideProps>) {
  // component logic and UI markup here...
}