Implement next-auth v5

components/login-button.tsx

@@ -5,7 +5,7 @@ import * as React from 'react'
 import { cn } from '@/lib/utils'
 import { Button, type ButtonProps } from '@/components/ui/button'
 import { IconGitHub, IconSpinner } from '@/components/ui/icons'
-import { useClerk } from '@clerk/nextjs'
+import { signIn } from 'next-auth/react'
 
 interface LoginButtonProps extends ButtonProps {
   text?: string
@@ -17,14 +17,13 @@ export function LoginButton({
   ...props
 }: LoginButtonProps) {
   const [isLoading, setIsLoading] = React.useState(false)
-  const clerk = useClerk()
 
   return (
     <Button
       variant="outline"
       onClick={() => {
         setIsLoading(true)
-        clerk.openSignIn({})
+        signIn('github')
       }}
       disabled={isLoading}
       className={cn(className)}