How to get string from React component?

Question

React

Let's say I have a component

const Main = () => {
  return (
    <div className='main'>
      <div style={{ backgroundColor: 'red' }}>
        <h1 className='main__header'>Hello world</h1>
      </div>
      <button type='button' onClick={handleClick}>
        press me
      </button>
    </div>
  )
}

I need a parser that would accept <Main/>something like this:
someToParser( <Main/>, additional options)
and return a string:

"<div className='main'>
      <div style={{ backgroundColor: 'red' }}>
        <h1 className='main__header'>Hello world</h1>
      </div>
      <button type='button' onClick={handleClick}>
        press me
      </button>
    </div>"

It's the string, not the html, that's important.
I've searched all over the Internet and haven't found anything that could help me.

Answer 1

Here is what you are looking for https://ru.reactjs.org/docs/react-dom-server.html