title: How to use template literals (``) within template literals?
body: <p>I have a very specific edge case which I need to use a template literal within a template literal but can't get it done.</p>
  
  <p>The code looks something like this:</p>
  
  <pre><code>&lt;p&gt;Something something &lt;a href={`${SOMELINK}/blah`}&gt;SomeLink&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>However I will have to wrap that in a function, while maintaining the value of the <code>SOMELINK</code> variable, this causes errors to happen. Whether I escape the ticks or not.</p>
  
  <pre><code>someFunction (`&lt;p&gt;Something something &lt;a href={`${SOMELINK}/blah`}&gt;SomeLink&lt;/a&gt;&lt;/p&gt;`)
  </code></pre>
  
  <p>With escaped ticks I get the following error message:</p>
  
  <blockquote>
    <p>Error: Expected SOMELINK but none provided</p>
  </blockquote>
  
  <p>Without, I get:</p>
  
  <blockquote>
    <p>Unexpected token, expected ","</p>
  </blockquote>
  
  <p>How do I handle this?</p>
  
  <p>Edit: It should probably be noted that the code being passed in <code>someFunction</code> will be rendered and it need to be used. It will eventually be passed in to another tag through <code>dangerouslySetInnetHTML</code>. So it will look something like this:</p>
  
  <pre><code>&lt;div dangerouslySetInnerHTML={{__html: someFunction(`&lt;p&gt;Something something &lt;a href={`${SOMELINK}/blah`}&gt;SomeLink&lt;/a&gt;&lt;/p&gt;`)}}/&gt;
  </code></pre>
  
  <p>Not sure if this is relevant, but <code>someFunction</code> just does some modifications on the text.</p>