Is it safe to send html markup to render react.createElement?

Question

React

Good evening)
An object is stored on the server in the form:

const text = {
    'type': 'h1',
    'props': {
        'key': 1
    },
    'element':  'Заголовок'
}

And sent to the client when requesting
React, having received this object, renders html markup

export default function test () {
 return React.createElement(
    text.type,
    text.props,
    text.element
   )
}

The idea is to store some kind of ready-made html structure in the database and send it to the client when necessary. Further, this data object is converted to a normal form using React.createElement
no longer figured out how to convert a text file from the server into code ...
The essence of the question is: is it safe to do this and how is this type of code perceived by experienced programmers?)
I just- only self-taught without familiar programmers