how to use dangerouslysetinnerhtml in react safely code example

Example 1: dangerouslySetInnerHTML

//https://flaviocopes.com/react-fix-dangerouslysetinnerhtml-did-not-match/

<div
  dangerouslySetInnerHTML={{
    __html: '<p>test</p>'
  }}></div>

Example 2: dangerouslysetinnerhtml

function App(){return(<div dangerouslySetInnerHTML={{ __html: `This text is set using dangerouslySetInnerHTML` }}>    </div>)  }ReactDOM.render(<App />, document.querySelector("#root"));