How to manage multiple modal windows?

Question

React

Usually, I manage the modal window like this:

const [open, setOpen] = useState(false)

    return(
        {open ?  <Modal></Modal> : null}
    )

But this is with one modal window, and if I want to build a more complex system, as in the picture, for example:

I have a registration, I click Next and I have different content (for example, confirmation) and so at least 5 modal windows with different content, or I click Log in and another modal window opens there with another form
How to manage it? Tipo not to do the same 5 different open variables for all modal windows, and there if the User pressed the button, then 1open == false, 2 == true, etc.
How are modal windows managed in React?

Answer 1

const [window, setWindow] = useState()
switch (window) {
    case 'window1':
        return <Modal1></Modal1>
    case 'window2':
        return <Modal2></Modal2>
}