[Request] Add default to remove modal about nice-modal-react

[supnate]

Which UI library do you use? You need to call modal.remove() from the callback like afterHideAnimation of the Modal component from the UI lib. For example, the built-in muiDialogV5 helper calls modal.remove when onExited:

export const muiDialogV5 = (
  modal: NiceModalHandler,
): { open: boolean; onClose: () => void; TransitionProps: { onExited: () => void } } => {
  return {
    open: modal.visible,
    onClose: () => modal.hide(),
    TransitionProps: {
      onExited: () => {
        modal.resolveHide();
        !modal.keepMounted && modal.remove();
      },
    },
  };
};

See the code here:

nice-modal-react/src/index.tsx

Line 637 in e9c2583

onExited: () => {

[dml0031]

This is the library NextUI

I tried to use onAnimationEnd for the modal.remove() call but it was still not removing it from the component tree afterwards.

[supnate]

@dml0031 can you create a codesandbox sample?