Ability to close a specific modal by id ?

[laugri]

What

I'd like to be able to either do this:

<Button
          onClick={() => {
            const id = modals.open({
              children: (
                <Button onClick={() => modals.close(id)}>Close</Button>
              ),
            });
          }}
        >
          Open Modal
        </Button>

or this:

<Button
          onClick={() =>
            {modals.open({
              id: "custom-id",
              children: (
                <Button onClick={() => modals.close("custom-id")}>Close</Button>
              ),
            })}
          }
        >
          Open Modal
        </Button>

Why

This is essentially because I want to nest modals.

[erfan-goodarzi]

There is already a function closeModal that do this. u can use modals.close instead based on your use case.