fix: disable transition + backdrop of modals

safe-global · Jun 27, 2023 · 0d85bac · 0d85bac
1 parent 0b21e3f
commit 0d85bac
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/common/TxModalDialog/index.tsx b/src/components/common/TxModalDialog/index.tsx
@@ -1,4 +1,4 @@
-import { type ReactElement } from 'react'
+import { Fragment, type ReactElement } from 'react'
 import { IconButton } from '@mui/material'
 import { Dialog, DialogTitle, type DialogProps } from '@mui/material'
 import CloseIcon from '@mui/icons-material/Close'
@@ -24,7 +24,8 @@ const TxModalDialog = ({
       scroll={fullScreen ? 'paper' : 'body'}
       className={css.dialog}
       onClick={(e) => e.stopPropagation()}
-      slots={{ backdrop: 'div' }}
+      TransitionComponent={Fragment}
+      slots={{ backdrop: Fragment }}
       PaperProps={{
         className: css.paper,
       }}