Close trigger on `button click`

How can I close the trigger popup on the external click, there is a use-case in code
Here is the code.

<Trigger
  action={["click"]}
  popup={
    <div>
      <p>This is a sample code</p>
      <p>
        <button
          onClick={() => {
            // Code to close the trigger on button click
          }}
        >
          Close trigger
        </button>
      </p>
    </div>
  }
  popupAlign={{
    points: ["tl", "cr"],
    offset: [10, 10],
    overflow: {
      adjustX: 1,
      adjustY: 1,
    },
  }}
>
  Show Trigger
</Trigger>;

Beginne damit, das click-action- und popup-Verhalten der Trigger-Komponente anhand des Verwendungsbeispiels nachzuverfolgen. Da im Issue keine Quelldatei oder kein Test genannt wird, ermittle zuerst den relevanten Einstiegspunkt der Komponente und die vorhandenen Interaktionstests. Als erledigt gilt, wenn die unterstützte Möglichkeit, das popup über den verschachtelten Button zu schließen, festgestellt und dokumentiert oder durch einen Test abgedeckt ist.