title: Is there a way to make part of template string bold in React?
body: <p>I'd like to make part of a template string bold in my React app. Here is the very much simplified and  <strong>only</strong> relevant part of the code:</p>
  <pre><code>function App() {
  
    const [input, setInput] = useState('')
    let {Error: error } = apiResponse
  
    if (error === 'Too many results.') {
      error = `Too many results for the search: &lt;b&gt;&quot;${input}&quot;&lt;/b&gt;.`
    }
  
    return (
      &lt;&gt;           
       {error}
      &lt;/&gt;
    )
  }
  
  export default App
  </code></pre>
  <p>My problem is that instead of making <code>${input}</code> bold  <code>b</code> tags are output to html -&gt; <code>&lt;b&gt;some value&lt;/b&gt;</code>. Is there a way to make it work in React app. It works in regular html/javascript but fails to work in React. Thanks.</p>