How to set new displayed input value on confirm

[samuelreichor]

I am currently trying to change the value of the input field via the onConfirm event and can't quite figure out how to do it.

Specifically:
I have html tags in the source array and I would like to delete them somehow after selecting an entry.

Example this is the source array : ['<a href="google.com">test entry</a>']

And when this is selected only test entry should be in the input field

I only get it running when I use a horrible racecondition.. like that:

onConfirm: (val) => {
        const regex = /<span>(.*?)<\/span>/;
        const match = val.match(regex);
        if (match[1]) {
          const newValue = match[1];
          setTimeout(() => {
            console.log(newValue);
            element.querySelector('input').value = newValue;
          }, 50);
        }
      },

I would be very happy about an answer :)