title: Is there anyway to render react component inside return using template literals?
body: <p>I am trying to use the react component inside return using template literals, however, it is not working. I did lots of research, in the maximum site only given for rendering HTML tags inside template literals.</p>
  
  <p>Please suggest.</p>
  
  <pre><code>import IconButton from '@abc/components'  
  
  export const ColumnsOfBryntum = (recordType) =&gt; {
  render() =&gt; {
     switch (recordType) {
        case 'kpi':
        return `&lt;div&gt;
              &lt;div class="channel-info"&gt;
              &lt;div class="channel-name"&gt;${value}&lt;/div&gt;                
              ${&lt;IconButton icon="plus"&gt;&lt;/IconButton&gt;}
        &lt;/div&gt;`;
      case 'channelGroup':
        size.height = 50;
        row.addCls('channel-group-row');
        return `&lt;div&gt;
             &lt;div class="channel-info"&gt;
             &lt;div class="channel-name"&gt;${value}&lt;/div&gt;              
             ${&lt;IconButton icon="edit"&gt;&lt;/IconButton&gt;}
        &lt;/div&gt;`;
     }
  }
  </code></pre>
  
  <p>}</p>
  
  <p>Output: [Object Object]</p>