update Clerk V5

apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/settings/profile/page.tsx

@@ -1,5 +1,5 @@
 import PageLayout from '@/app/(app)/[organizationSlug]/[projectId]/page-layout';
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 
 import { getUserById } from '@openpanel/db';
 

apps/dashboard/src/app/(auth)/login/page.client.tsx

@@ -1,7 +1,7 @@
 'use client';
 
+import type { OAuthStrategy } from '@/types';
 import { useSignIn } from '@clerk/nextjs';
-import type { OAuthStrategy } from '@clerk/nextjs/dist/types/server';
 import { toast } from 'sonner';
 
 import EmailSignUp from './email-sign-in';

apps/dashboard/src/app/(auth)/login/page.tsx

@@ -1,4 +1,4 @@
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { redirect } from 'next/navigation';
 
 import PageClient from './page.client';

apps/dashboard/src/app/(auth)/register/page.client.tsx

@@ -1,7 +1,7 @@
 'use client';
 
+import type { OAuthStrategy } from '@/types';
 import { useSignUp } from '@clerk/nextjs';
-import type { OAuthStrategy } from '@clerk/nextjs/dist/types/server';
 import { toast } from 'sonner';
 
 import EmailSignUp from './email-sign-up';

apps/dashboard/src/app/(auth)/register/page.tsx

@@ -1,4 +1,4 @@
-import { auth } from '@clerk/nextjs';
+import { auth } from '@clerk/nextjs/server';
 import { redirect } from 'next/navigation';
 
 import PageClient from './page.client';

apps/dashboard/src/app/(auth)/sso-callback/page.tsx

@@ -3,7 +3,12 @@ import { AuthenticateWithRedirectCallback } from '@clerk/nextjs';
 export const dynamic = 'force-dynamic';
 
 const SSOCallback = () => {
-  return <AuthenticateWithRedirectCallback />;
+  return (
+    <AuthenticateWithRedirectCallback
+      signInUrl="/login"
+      signUpUrl="/register"
+    />
+  );
 };
 
 export default SSOCallback;

apps/dashboard/src/middleware.ts

@@ -1,12 +1,25 @@
-import { authMiddleware } from '@clerk/nextjs';
+import { clerkMiddleware, createRouteMatcher } from '@clerk/nextjs/server';
 
 // This example protects all routes including api/trpc routes
 // Please edit this to allow other routes to be public as needed.
 // See https://clerk.com/docs/references/nextjs/auth-middleware for more information about configuring your Middleware
-export default authMiddleware({
-  publicRoutes: ['/share/overview/:id', '/api/trpc(.*)', '/api/clerk/(.*)?'],
-  debug: process.env.CLERK_DEBUG ? true : false,
-});
+const isPublicRoute = createRouteMatcher([
+  '/share/overview/:id',
+  '/api/clerk/(.*)?',
+  '/login',
+  '/register',
+]);
+
+export default clerkMiddleware(
+  (auth, req) => {
+    if (!isPublicRoute(req)) {
+      auth().protect();
+    }
+  },
+  {
+    debug: !!process.env.CLERK_DEBUG,
+  }
+);
 
 export const config = {
   matcher: [

apps/dashboard/src/types/index.ts

@@ -7,3 +7,5 @@ export type HtmlProps<T> = Omit<
 export type IToolTipProps<T> = Omit<TooltipProps<number, string>, 'payload'> & {
   payload?: T[];
 };
+
+export type OAuthStrategy = 'oauth_google' | 'oauth_github';