Interactivity API update dynamically injected DOM directives

Hi there,

First I want to say that the new Interactivity API is totally cool and I am very excited about it! I have a question that I could not find the answer for anywhere and its related to the following scenario:

• As a response to wp-on-click event the API is calling a callback that performs an AJAX call with Fetch API. Result is received and it contains HTML with new Interactivity directives inside. Then the newly received html fragment is injected in the existing DOM.
• Using the wp-text directive to assign the content to a previously existing element does not work because the result is HTML and wp-text does not seem to be working with innerHTML but the text of the node. The option here is to directly assign the result to the element using vanilla querySelector something like container.innerHTML = htmlResult. This works and I am fully aware that at this point there is no way for the Interactivity API to know that the new elements are added or if they contain new directives inside that need to be processed.

My questions are:

• what is the best practice to inject complex html responses from ajax operations into the existing dom the “interactivity” way?
• is there an utility function that tells the Interactivity API to force “refresh” an element that will cause it to evaluate dynamically injected directives?

Thanks!