chore(nextjs): Introduce build-time error for server-only helpers on …

…client-side (#3758)
clerk · Jul 18, 2024 · 18bcfbc · 18bcfbc
1 parent 20497e9
commit 18bcfbc
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 0 deletions.
diff --git a/.changeset/perfect-chairs-work.md b/.changeset/perfect-chairs-work.md
@@ -0,0 +1,5 @@
+---
+"@clerk/nextjs": patch
+---
+
+Return build-time error if `auth` and `currentUser` server-side helpers are imported into Client Components.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/nextjs/package.json b/packages/nextjs/package.json
@@ -73,6 +73,7 @@
     "@clerk/types": "4.8.0",
     "crypto-js": "4.2.0",
     "path-to-regexp": "6.2.2",
+    "server-only": "0.0.1",
     "tslib": "2.4.1"
   },
   "devDependencies": {

diff --git a/packages/nextjs/src/app-router/server/auth.ts b/packages/nextjs/src/app-router/server/auth.ts
@@ -1,3 +1,5 @@
+import 'server-only';
+
 import type { AuthObject, RedirectFun } from '@clerk/backend/internal';
 import { constants, createClerkRequest, createRedirect } from '@clerk/backend/internal';
 import { notFound, redirect } from 'next/navigation';

diff --git a/packages/nextjs/src/app-router/server/currentUser.ts b/packages/nextjs/src/app-router/server/currentUser.ts
@@ -1,3 +1,5 @@
+import 'server-only';
+
 import type { User } from '@clerk/backend';
 
 import { clerkClient } from '../../server/clerkClient';

diff --git a/packages/nextjs/src/server/__tests__/exports.test.ts b/packages/nextjs/src/server/__tests__/exports.test.ts
@@ -1,3 +1,5 @@
+jest.mock('server-only', () => null);
+
 import * as publicExports from '../index';
 
 describe('/server public exports', () => {