fix(nextjs): Ensure package works with next 12 (#2652)

* fix(nextjs): Ensure packages work with next 12 * chore(repo): Add changeset
clerk · Jan 23, 2024 · bf7e647 · bf7e647
1 parent 0ca810d
commit bf7e647
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/dry-bugs-flash.md b/.changeset/dry-bugs-flash.md
@@ -0,0 +1,5 @@
+---
+'@clerk/nextjs': patch
+---
+
+Adjust how we are importing `next/navigation` to ensure it can function in versions of next that don't have this export.
diff --git a/packages/nextjs/src/app-router/server/auth.ts b/packages/nextjs/src/app-router/server/auth.ts
@@ -3,7 +3,6 @@ import type {
   CheckAuthorizationParamsWithCustomPermissions,
   CheckAuthorizationWithCustomPermissions,
 } from '@clerk/types';
-import { notFound, redirect } from 'next/navigation';
 
 import { buildClerkProps } from '../../server/buildClerkProps';
 import { createGetAuth } from '../../server/createGetAuth';
@@ -52,6 +51,9 @@ export const auth = () => {
     noAuthStatusMessage: authAuthHeaderMissing(),
   })(buildRequestLike());
 
+  // eslint-disable-next-line @typescript-eslint/no-var-requires
+  const { notFound, redirect } = require('next/navigation');
+
   (authObject as unknown as ProtectGeneric).protect = (params: any, options: any) => {
     const paramsOrFunction = params?.redirectUrl
       ? undefined
@@ -60,7 +62,7 @@ export const auth = () => {
           | ((has: CheckAuthorizationWithCustomPermissions) => boolean));
     const redirectUrl = (params?.redirectUrl || options?.redirectUrl) as string | undefined;
 
-    const handleUnauthorized = (): never => {
+    const handleUnauthorized = (): any => {
       if (redirectUrl) {
         redirect(redirectUrl);
       }