replace или replaceAll с заменой на JSX | REACT

Как можно заменить в строке подстроку на JSX элемент и вывести его как верстку?

К примеру, вот так:

'Text with span'.replaceAll('span', (string) => {
    return <IsMyComponent>{string}</IsMyComponent>;
})