Updated to Clerk Core v2

actions/copy-card/index.ts

@@ -1,6 +1,6 @@
 'use server';
 
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { revalidatePath } from 'next/cache';
 import { ACTION, ENTITY_TYPE } from '@prisma/client';
 

actions/copy-list/index.ts

@@ -1,6 +1,6 @@
 'use server';
 
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { revalidatePath } from 'next/cache';
 import { ACTION, ENTITY_TYPE } from '@prisma/client';
 

actions/create-board/index.ts

@@ -1,6 +1,6 @@
 'use server';
 
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { revalidatePath } from 'next/cache';
 
 import { db } from '@/lib/db';

actions/create-card/index.ts

@@ -1,6 +1,6 @@
 'use server';
 
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { revalidatePath } from 'next/cache';
 import { ACTION, ENTITY_TYPE } from '@prisma/client';
 

actions/create-list/index.ts

@@ -1,6 +1,6 @@
 'use server';
 
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { revalidatePath } from 'next/cache';
 import { ACTION, ENTITY_TYPE } from '@prisma/client';
 

actions/delete-board/index.ts

@@ -1,6 +1,6 @@
 'use server';
 
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { revalidatePath } from 'next/cache';
 import { redirect } from 'next/navigation';
 import { ACTION, ENTITY_TYPE } from '@prisma/client';

actions/delete-card/index.ts

@@ -1,6 +1,6 @@
 'use server';
 
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { revalidatePath } from 'next/cache';
 import { ACTION, ENTITY_TYPE } from '@prisma/client';
 

actions/delete-list/index.ts

@@ -1,6 +1,6 @@
 'use server';
 
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { revalidatePath } from 'next/cache';
 import { ACTION, ENTITY_TYPE } from '@prisma/client';
 

actions/update-board/index.ts

@@ -1,6 +1,6 @@
 'use server';
 
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { revalidatePath } from 'next/cache';
 import { ACTION, ENTITY_TYPE } from '@prisma/client';
 

actions/update-card-order/index.ts

@@ -1,6 +1,6 @@
 'use server';
 
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { revalidatePath } from 'next/cache';
 
 import { db } from '@/lib/db';

actions/update-card/index.ts

@@ -1,6 +1,6 @@
 'use server';
 
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { revalidatePath } from 'next/cache';
 import { ACTION, ENTITY_TYPE } from '@prisma/client';
 

actions/update-list-order/index.ts

@@ -1,6 +1,6 @@
 'use server';
 
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { revalidatePath } from 'next/cache';
 
 import { db } from '@/lib/db';

actions/update-list/index.ts

@@ -1,6 +1,6 @@
 'use server';
 
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { revalidatePath } from 'next/cache';
 import { ACTION, ENTITY_TYPE } from '@prisma/client';
 

app/(marketing)/_components/navbar.tsx

@@ -1,5 +1,5 @@
 import Link from 'next/link';
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 
 import { Logo } from '@/components/logo';
 import { Button } from '@/components/ui/button';

app/(platform)/(dashboard)/board/[boardId]/layout.tsx

@@ -1,4 +1,4 @@
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { notFound, redirect } from 'next/navigation';
 
 import { db } from '@/lib/db';

app/(platform)/(dashboard)/board/[boardId]/page.tsx

@@ -1,4 +1,4 @@
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { redirect } from 'next/navigation';
 
 import { db } from '@/lib/db';

app/(platform)/(dashboard)/organization/[organizationId]/_components/board-list.tsx

@@ -1,5 +1,5 @@
 import Link from 'next/link';
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { redirect } from 'next/navigation';
 import { HelpCircle, User2 } from 'lucide-react';
 

app/(platform)/(dashboard)/organization/[organizationId]/activity/_components/activity-list.tsx

@@ -1,4 +1,4 @@
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { redirect } from 'next/navigation';
 
 import { db } from '@/lib/db';

app/(platform)/(dashboard)/organization/[organizationId]/layout.tsx

@@ -1,5 +1,5 @@
 import { startCase } from 'lodash';
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 
 import { OrgControl } from './_components/org-control';
 

app/(platform)/layout.tsx

@@ -1,10 +1,13 @@
 import { Toaster } from 'sonner';
+import { auth } from '@clerk/nextjs/server';
 import { ClerkProvider } from '@clerk/nextjs';
 
 import { ModalProvider } from '@/components/providers/modal-provider';
 import { QueryProvider } from '@/components/providers/query-provider';
 
 const PlatformLayout = ({ children }: { children: React.ReactNode }) => {
+  auth().protect();
+
   return (
     <ClerkProvider>
       <QueryProvider>

app/api/cards/[cardId]/logs/route.ts

@@ -1,4 +1,4 @@
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { ENTITY_TYPE } from '@prisma/client';
 import { NextResponse } from 'next/server';
 

app/api/cards/[cardId]/route.ts

@@ -1,4 +1,4 @@
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { NextResponse } from 'next/server';
 
 import { db } from '@/lib/db';

lib/org-limit.ts

@@ -1,4 +1,4 @@
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 
 import { db } from '@/lib/db';
 import { MAX_FREE_BOARDS } from '@/constants/boards';

lib/subscription.ts

@@ -1,4 +1,4 @@
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 
 import { db } from '@/lib/db';
 

middleware.ts

@@ -1,4 +1,19 @@
-import { authMiddleware, redirectToSignIn } from '@clerk/nextjs';
+/**
+ * New Middleware
+ */
+import { clerkMiddleware } from '@clerk/nextjs/server';
+
+export default clerkMiddleware();
+
+export const config = {
+  matcher: ['/((?!.*\\..*|_next).*)', '/', '/(api|trpc)(.*)'],
+};
+
+/**
+ * Old Middleware
+ */
+
+/* import { authMiddleware, redirectToSignIn } from '@clerk/nextjs';
 import { NextResponse } from 'next/server';
 
 export default authMiddleware({
@@ -17,4 +32,4 @@ export default authMiddleware({
 
 export const config = {
   matcher: ['/((?!.+\\.[\\w]+$|_next).*)', '/', '/(api|trpc)(.*)'],
-};
+}; */

package.json

@@ -12,7 +12,7 @@
     "format:fix": "prettier --write --ignore-path .gitignore ."
   },
   "dependencies": {
-    "@clerk/nextjs": "^4.29.9",
+    "@clerk/nextjs": "^5.0.0-beta.35",
     "@hello-pangea/dnd": "^16.5.0",
     "@liveblocks/client": "^1.10.2",
     "@liveblocks/node": "^1.11.0",
@@ -35,9 +35,9 @@
     "lodash": "^4.17.21",
     "lucide-react": "^0.360.0",
     "next": "14.1.4",
-    "react": "^18",
+    "react": "^18.2.0",
     "react-day-picker": "^8.10.0",
-    "react-dom": "^18",
+    "react-dom": "^18.2.0",
     "sonner": "^1.4.32",
     "stripe": "^14.21.0",
     "tailwind-merge": "^2.2.2",