diff --git a/apps/dev/nextjs/pages/protected-ssr.js b/apps/dev/nextjs/pages/protected-ssr.js
index 781a77b3..545d5a1c 100644
--- a/apps/dev/nextjs/pages/protected-ssr.js
+++ b/apps/dev/nextjs/pages/protected-ssr.js
@@ -1,6 +1,6 @@
 // This is an example of how to protect content using server rendering
 import { getServerSession } from "next-auth/next"
-import { authOptions } from "./api/auth/[...nextauth]"
+import { authConfig } from "./api/auth-old/[...nextauth]"
 import Layout from "../components/layout"
 import AccessDenied from "../components/access-denied"
 
@@ -26,7 +26,7 @@ export default function Page({ content, session }) {
 }
 
 export async function getServerSideProps(context) {
-  const session = await getServerSession(context.req, context.res, authOptions)
+  const session = await getServerSession(context.req, context.res, authConfig)
   let content = null
 
   if (session) {
diff --git a/apps/dev/nextjs/pages/server.js b/apps/dev/nextjs/pages/server.js
index baef8775..7d029254 100644
--- a/apps/dev/nextjs/pages/server.js
+++ b/apps/dev/nextjs/pages/server.js
@@ -1,6 +1,6 @@
 import { getServerSession } from "next-auth/next"
 import Layout from "../components/layout"
-import { authOptions } from "./api/auth/[...nextauth]"
+import { authConfig } from "./api/auth-old/[...nextauth]"
 
 export default function Page() {
   // As this page uses Server Side Rendering, the `session` will be already
@@ -40,7 +40,7 @@ export default function Page() {
 export async function getServerSideProps(context) {
   return {
     props: {
-      session: await getServerSession(context.req, context.res, authOptions),
+      session: await getServerSession(context.req, context.res, authConfig),
     },
   }
 }