title: How to create a link in a row with @material-ui/data-grid
body: <p>I am using @material-ui/data-grid to display some data and each row must have a link to the next page. I can pass all the required data, but am not sure how to create a link. The documentation doesn't mention it anywhere. I tried to pass it with the valueGetter like in the example below but due to how React renders HTML it just returns the href as a string.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const columns = [
    {
      field: "id",
      headerName: "ID",
      width: 150,
      valueGetter: (params) =&gt; 
        `&lt;a href="${params.getValue("id")}"&gt;${params.getValue("id")}&lt;/a&gt;`,
    },
    { field: "inviteId", headerName: "Invite Id", width: 150 },
  ];</code></pre>
  </div>
  </div>
  </p>