title: Excluding <Header /> component on a specific page with react-router
body: <p>Here's a working code:</p>
  
  <pre><code>const AppRouter = () =&gt; (
  &lt;BrowserRouter&gt;
    &lt;div&gt;
      &lt;Header /&gt;
      &lt;Switch&gt;
        &lt;Route path="/" component={DashboardPage} exact={true} /&gt;
        &lt;Route path="/:id" component={ViewerPage} /&gt; // &lt;-- Exclude Header component from this page
        &lt;Route path="/create" component={CreatePage} /&gt;
        &lt;Route path="/edit/:id" component={EditPage} /&gt;
        &lt;Route path="/help" component={HelpPage} /&gt;
        &lt;Route component={NotFoundPage} /&gt;
      &lt;/Switch&gt;
    &lt;/div&gt;
  &lt;/BrowserRouter&gt;
  );
  
  export default AppRouter;
  </code></pre>
  
  <p>I couldn't seem to figure out how to exclude the Header component from ViewerPage component page. Is there any way to do this?</p>