title: Using React router link inside template string does not working
body: <p>I am trying to use Link  of react router inside a template string with no success.
  i tried also to wrap the tag with ${} but that doesnt work either.</p>
  <p>does anyone know how can i make it work?</p>
  <pre><code>  const getWorkFeed = () =&gt; {
      const tableBody = document.getElementById(&quot;tableBody&quot;);
      firestore
        .collection(&quot;WorkFeed&quot;)
        .get()
        .then((snapshot) =&gt; {
          snapshot.docs.forEach((doc) =&gt; {
            tableBody.innerHTML += `&lt;tr&gt;
            &lt;th scope=&quot;row&quot;&gt;${doc.data().WorkType}&lt;/th&gt;
            &lt;td&gt;${doc.data().Location}&lt;/td&gt;
            &lt;td&gt;${doc.data().Date}&lt;/td&gt;
            &lt;td&gt;${doc.data().WorkingHours}&lt;/td&gt;
            &lt;td&gt;${doc.data().Payment}&lt;/td&gt;
            &lt;td&gt;
            &lt;Link
            to={{
              pathname:&quot;/WorkPage/${doc.id}&quot;,
              docProps:${doc.id}
            }}
            className=&quot;btn btn-success btn-lg mr-2&quot;
            role=&quot;button&quot;&gt;
            Click
            &lt;/Link&gt;
            &lt;/td&gt;
          &lt;/tr&gt;`;
          });
        });
      return tableBody;
    };
  </code></pre>