title: How to hide element after react-countdown-now time up
body: <p>I'm trying to make a bidding website by ReactJs and here is the problem.
  I hope the input form will hide after time countdown completed(npm react-countdown-now)</p>
  
  <p>1.I try to setState True or False {this.state.showForm &amp;&amp; } but it doesn't work after countdown completed and get error</p>
  
  <pre><code>import React, { Component } from 'react'
  import Countdown from 'react-countdown-now';
  
  class Pricebidding extends Component {
    constructor(props) {
       super(props)
       this.state = {
         showForm: true,
       }
       this.renderer = this.renderer.bind(this);
    }
  
    renderer({ days, hours, minutes, seconds, completed}) {
  
      if (completed) {
          this.setState({ showForm: false })
          return &lt;span&gt;Time up&lt;/span&gt;
      } else {
           this.setState({ showForm: true})   
          return 
          &lt;span&gt;{days}days{hours}hours{minutes}mins{seconds}secs&lt;/span&gt;
      }
    }
  
    render()
       return (
          &lt;div&gt;
              &lt;Countdown date={this.props.endtime} renderer={this.renderer}/&gt;
              {this.state.showForm &amp;&amp; &lt;form&gt;
                  &lt;input&gt;&lt;/input&gt;
                  &lt;button type="submit"&gt;Bid&lt;/button&gt;
                  &lt;span&gt;{this.state.bidprompt}&lt;/span&gt;
              &lt;/form&gt; }
          &lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p>Uncaught Invariant Violation: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.</p>