Retry to focus

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}

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) {