diff --git a/app/layout.tsx b/app/layout.tsx
index e8c77e4..83cfb3c 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -9,7 +9,7 @@ const inter = Inter({ subsets: ['latin'] });
 
 // Import the OAuthCallbackHandler dynamically to ensure it only runs on the client
 const OAuthCallbackHandler = dynamic(
-  () => import('@/components/ui/oauth-callback-handler').then(mod => mod.OAuthCallbackHandler),
+  () => import('@/components/ui/oauth-callback-handler'),
   { ssr: false }
 );
 
diff --git a/components/ui/oauth-callback-handler.tsx b/components/ui/oauth-callback-handler.tsx
index 8caa8a6..d11e4a1 100644
--- a/components/ui/oauth-callback-handler.tsx
+++ b/components/ui/oauth-callback-handler.tsx
@@ -5,7 +5,7 @@ import { useRouter, useSearchParams } from 'next/navigation';
 import { validateOAuthState } from '@/lib/auth';
 import { toast } from '@/hooks/use-toast';
 
-export function OAuthCallbackHandler() {
+export default function OAuthCallbackHandler() {
   const searchParams = useSearchParams();
   const router = useRouter();