Constantemente tengo un problema con React/Javascript: muchas veces, quiero anclar algo al cierre de un modal.

Ejemplo

1. Se activa algún modal, por ejemplo, "¿Te gustaría hacer esto o aquello?", siendo esto y aquello un botón.
2. Cuando el usuario hace clic, this , el modal que mantiene ese botón se cierra y provoca otro elemento DOM que requiere un ancla (en mi caso, es un componente <Popover/> .

Comportamiento esperado El componente popover se representa donde se hizo clic en este botón, lo que permite que el usuario realice más acciones.

Comportamiento observado El componente popover aún se representa, pero se genera un error en la consola que indica que el elemento ancla no está definido.

Sé que lo que está pasando aquí es que el modal con los botones esto y aquello ahora se ha cerrado, por lo que el Popover no tiene nada a lo que anclarse. Por lo tanto, me pregunto si hay un enfoque que me permita cerrar el modal inicial con los botones esto y aquello sin dejar de anclarlo en el lugar donde se hizo clic en uno de los botones. Es por eso que titulé esto "establecer manualmente el objetivo actual", porque me pregunto si hay una manera de crear este ancla o algo así.

Gracias por tu ayuda,

Davis