Click allowed in overlay

[CicheR]

The code consists of a table with clickables TRs and a DeleteButton:

When the SweetAlert is shown in modal mode, the background is still clickable, but the click event responds to the last row clicked.

There is also an error in the console:

CodeSandbox
CodeSandbox preview
GitHub

[kristian-94]

I also get that console error,

Warning: A string ref, "container", has been found within a strict mode tree. String refs are a source of potential bugs and should be avoided. We recommend using useRef() or createRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref
    in div (created by Overlay)
    in Overlay (created by SweetAlert)
    in div (created by SweetAlert)

[djorg83]

I also get that console error,

Warning: A string ref, "container", has been found within a strict mode tree. String refs are a source of potential bugs and should be avoided. We recommend using useRef() or createRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref
    in div (created by Overlay)
    in Overlay (created by SweetAlert)
    in div (created by SweetAlert)

^ This warning is resolved in react-bootstrap-sweetalert@5.1.12