From 8dcb3d47e4ff782bd8745d55a280884b434d50de Mon Sep 17 00:00:00 2001
From: Jakob Wennberg <jakob.wennberg@gmail.com>
Date: Sun, 8 Mar 2026 10:23:55 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20build=20errors=20in=20auth=20=E2=80=94?=
 =?UTF-8?q?=20remove=20stale=20ref,=20add=20Suspense=20boundary?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 app/(auth)/mfa/enroll/page.tsx           | 10 +++++++++-
 components/settings/SecuritySettings.tsx |  1 -
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/(auth)/mfa/enroll/page.tsx b/app/(auth)/mfa/enroll/page.tsx
index 975ed680..50c08839 100644
--- a/app/(auth)/mfa/enroll/page.tsx
+++ b/app/(auth)/mfa/enroll/page.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { useState, useRef } from 'react'
+import { useState, useRef, Suspense } from 'react'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { createClient } from '@/lib/supabase/client'
 import { Button } from '@/components/ui/button'
@@ -10,6 +10,14 @@ import { useToast } from '@/components/ui/use-toast'
 import { Loader2, ShieldCheck, Copy, Check } from 'lucide-react'
 
 export default function MfaEnrollPage() {
+  return (
+    <Suspense>
+      <MfaEnrollContent />
+    </Suspense>
+  )
+}
+
+function MfaEnrollContent() {
   const [qrCode, setQrCode] = useState<string | null>(null)
   const [secret, setSecret] = useState<string | null>(null)
   const [factorId, setFactorId] = useState<string | null>(null)
diff --git a/components/settings/SecuritySettings.tsx b/components/settings/SecuritySettings.tsx
index 247faf00..d8873a10 100644
--- a/components/settings/SecuritySettings.tsx
+++ b/components/settings/SecuritySettings.tsx
@@ -84,7 +84,6 @@ export function SecuritySettings() {
         title: 'Lösenord uppdaterat',
         description: 'Ditt lösenord har ändrats.',
       })
-      setCurrentPassword('')
       setNewPassword('')
       setConfirmPassword('')
     } catch {