What is the equivalent of direct DOM manipulation in react?

Question

I have some vanilla html and js that interacts with DOM directly as below;

document.getElementsByClassName("sidebar")[0].insertAdjacentHTML('afterend',"<div id='test' class='testWindow'> </div>");

I understand that with react I should not manipulate the DOM directly, what is the equivalent of the above in react?

This window is added after a button press for context.