Make newAreaSelectionComponent close programmatically.

[lisenkaci]

I am trying to set a newAreaSelectionComponent that has a popover where the user can enter some more data about the selection before saving it. The problem I am having is every time I click into the Popover it triggers a reset of the newAreaSelectionComponent. How can I programatically control reseting when the newAreaSelectionComponent is closed so losing focus does not automatically reset the selection.

         newAreaSelectionComponent={(boundingRect)=>{
                return(
                    <CustomSelectionComponent  boundingRect={boundingRect.boundingRect} selectionPageNumber={selectionPageNumber}/>
                    )
            }}

        <Popover>
                <div
                    style={{
                        ...boundingRect,
                        position: "absolute",
                        border: "1px dashed #333",
                        background: "rgba(252, 232, 151, 1)",
                        mixBlendMode: "multiply",
                    }}
                />
          </Popover>

Screen.Recording.2023-03-22.at.2.12.17.PM.mov