I got an issue with React.

So I am building this builder you can think of as drag and drop. So what I want to achieve is say,

Text Hello World, < ComponentName / > - This component needs to render on the front-end as it would normally. It is imported on the React front end, but when I add this save it on the server side as a string and when using dangerouslyset to load on the render, the HTML DOM converts to a element...

Any way to achieve this? or you wouldn't do it this way at all?

Any help would be appreciated