Next.js + Formik + MUI + NextAuth

login.tsx

import React, { useState } from "react";
import LoginForm from '../../components/LoginForm'

async function getServerSideCsrfToken()
{
  const csrfToken = await getCsrfToken();
  return csrfToken;
}
 
export default async function SignIn() {
  const router = useRouter();
  const csrfToken = await getServerSideCsrfToken();

  return (
    <div>
      <LoginForm csrfToken={csrfToken} />
    </div>
  );
}