From 6816851630334d99e1ab4066921866111b649100 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Wed, 6 Jan 2021 11:16:31 -0300
Subject: [PATCH] Retry to focus

---
 components/ui/Modal/Modal.tsx | 2 +-
 lib/focus-trap.tsx            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/ui/Modal/Modal.tsx b/components/ui/Modal/Modal.tsx
index 760cc3555..746c8a5a0 100644
--- a/components/ui/Modal/Modal.tsx
+++ b/components/ui/Modal/Modal.tsx
@@ -52,7 +52,7 @@ const Modal: FC<Props> = ({ children, open, onClose, onEnter = null }) => {
             >
               <Cross className="h-6 w-6" />
             </button>
-            <FocusTrap>{children}</FocusTrap>
+            <FocusTrap focusFirst>{children}</FocusTrap>
           </div>
         </div>
       ) : null}
diff --git a/lib/focus-trap.tsx b/lib/focus-trap.tsx
index c52ace001..c57822527 100644
--- a/lib/focus-trap.tsx
+++ b/lib/focus-trap.tsx
@@ -3,7 +3,7 @@ import { tabbable } from 'tabbable'
 
 interface Props {
   children: React.ReactNode | any
-  focusFirst: boolean
+  focusFirst?: boolean
 }
 
 export default function FocusTrap({ children, focusFirst = false }: Props) {