From b8454f750d5988a0ac2882655c43d7cbe2ba2da2 Mon Sep 17 00:00:00 2001
From: SrJuggernaut <jugger@srjuggernaut.dev>
Date: Wed, 1 Apr 2026 13:51:25 -0600
Subject: [PATCH] feat: add suspense loading state to recover password page

---
 src/app/recover-password/page.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/recover-password/page.tsx b/src/app/recover-password/page.tsx
index 85ca296..b0ec5a9 100644
--- a/src/app/recover-password/page.tsx
+++ b/src/app/recover-password/page.tsx
@@ -4,7 +4,7 @@ import { css, cx } from '@/styled-system/css'
 import { Center } from '@/styled-system/jsx'
 import { container } from '@/styled-system/patterns'
 import { card } from '@/styled-system/recipes'
-import { type FC } from 'react'
+import { Suspense, type FC } from 'react'
 
 const page: FC = () => {
   return (
@@ -35,7 +35,9 @@ const page: FC = () => {
         <div
           className={card().content}
         >
-          <ManageRecoverPassword />
+          <Suspense fallback={<Typography variant="body1">Cargando...</Typography>}>
+            <ManageRecoverPassword />
+          </Suspense>
         </div>
       </div>
     </Center>