Improving react-semantic-ui modal acessibility

Modal.tsx

import React from 'react';
import FocusLock from 'react-focus-lock';
import { Modal as SemanticModal, ModalProps } from 'semantic-ui-react';

const ModalLock: React.FC<ModalProps> = ({ children, className, ...props }) => (
  <FocusLock returnFocus className={className} lockProps={props}>
    {children}
  </FocusLock>
);

export const Modal: React.FC<ModalProps> = props => (
  <SemanticModal
    role="dialog"
    as={ModalLock}
    closeOnDimmerClick={false}
    {...props}
  />
);