diff --git a/pages/auth/login.tsx b/pages/auth/login.tsx
index 291e8f6e..ace1cbfe 100644
--- a/pages/auth/login.tsx
+++ b/pages/auth/login.tsx
@@ -1,5 +1,5 @@
 import Head from 'next/head';
-import { csrfToken } from 'next-auth/client';
+import { getCsrfToken } from 'next-auth/client';
 
 export default function Login({ csrfToken }) {
   return (
@@ -13,7 +13,7 @@ export default function Login({ csrfToken }) {
                 Sign in to your account
             </h2>
         </div>
-    
+
         <div className="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
             <div className="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
                 <form className="space-y-6" method="post" action="/api/auth/callback/credentials">
@@ -26,7 +26,7 @@ export default function Login({ csrfToken }) {
                             <input id="email" name="email" type="email" autoComplete="email" placeholder="john.doe@example.com" required className="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm" />
                         </div>
                     </div>
-            
+
                     <div>
                         <label htmlFor="password" className="block text-sm font-medium text-gray-700">
                             Password
@@ -35,7 +35,7 @@ export default function Login({ csrfToken }) {
                             <input id="password" name="password" type="password" autoComplete="current-password" placeholder="•••••••••••••" required className="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm" />
                         </div>
                     </div>
-            
+
                     <div>
                         <button type="submit" className="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
                             Sign in
@@ -44,12 +44,12 @@ export default function Login({ csrfToken }) {
                 </form>
             </div>
         </div>
-    </div>  
+    </div>
   )
 }
 
-Login.getInitialProps = async (context) => {
+Login.getInitialProps = async ({ req, res }) => {
   return {
-    csrfToken: await csrfToken(context)
+    csrfToken: await getCsrfToken({ req })
   }
 }
\ No newline at end of file