title: How to insert Bold tags into a template literal string in react and typescrip
body: <p>I have a form that appears when a button is pressed, the heading of the form will be different for each item in a list, I can remove these items. I would like the name of the item in the form heading to be bold but I am struggling to implement this correctly</p>
  
  <p>my form looks like</p>
  
  <pre><code>render(): React.ReactNode {
  
   return (
    &lt;FormGroup
      fieldId='example-form
      helperText={`do you want to delete &lt;b&gt;${this.props.item.name}&lt;/b&gt;?`
      &gt;
      &lt;/FormGroup&gt;
     )
    }
  </code></pre>
  
  <p>this currently prints out the <code>&lt;b&gt;</code> tags. I have tried assigning <code>this.props.item.name</code> to a variable as a string and using bold() on that but it didn't work. Any advice would be appreciated. </p>