title: I want to disable/ did not want to show "header" on specific page of my React app
body: <p>I am trying to hide/disable "header" on a specific page of my react app given below is the code for my components :</p>
  
  <p>I want to hide header on "/dct" path </p>
  
  <pre><code>export default function (WrappedComponent,theme) {
    class Authentication extends PureComponent {
      constructor(props) {
        super(props);
        this.state = { };
      }
  
  
      componentDidUpdate() {
        this.checkAuth();
      }
  
      checkAuth() {
        const { isLoggedIn, history: { push} } = this.props;
        if (!isLoggedIn) {
          push('/')
        }
      }
  
      render() {
        return (
          &lt;Fragment&gt;
       &lt;article data-theme={theme}&gt;
            {this.checkAuth()}
            &lt;Header /&gt;
            &lt;main&gt;
              {this.props.isLoggedIn &amp;&amp; &lt;WrappedComponent /&gt;}
            &lt;/main&gt;
            &lt;Footer /&gt;
       &lt;/article&gt;
          &lt;/Fragment&gt;
        );
      }
    }
  
   const mapStateToProps = (state) =&gt; {
     return {
       isLoggedIn: state.login.loggedIn
     }
   } 
    return connect(mapStateToProps)(Authentication);
  }
  </code></pre>
  
  <p>Thanks in advance </p>