title: How do I change the title and other html-elements in the head of a HTML-document in Razor Components?
body: <p>I'm fairly new to <code>Razor Components</code> and I would like to change the <code>title</code> and other data inside the HTML-document-<code>head</code> depending on what page a user visits (e.g. if a user visits the product page of product X, I want to change the <code>title</code> and other relevant data in the <code>head</code> accordingly).
  I already had a look at <a href="https://github.com/aspnet/Blazor/issues/1311#issuecomment-470760857" rel="nofollow noreferrer">https://github.com/aspnet/Blazor/issues/1311#issuecomment-470760857</a> but the presented solutions look a bit hacky.
  I also know that I could theoretically use <code>JavaScript interop</code> to achieve my goals, but that also seems to be a bit messy.</p>
  
  <p>I tried to render the app like this:</p>
  
  <pre><code>@page "{*clientPath}"
  
  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
      @(await Html.RenderComponentAsync&lt;App&gt;())
  &lt;/html&gt;
  </code></pre>
  
  <p>But the attempt failed due to an error in components.server.js (<code>Uncaught Error: There is no browser renderer with ID 0.</code>). I know I shouldn't place JavaScript-tags into components, but I thought I would give it a try.</p>
  
  <p>Hope you guys can help me. 
  Thanks for reading. :)</p>