title: Why this react app only updates new content if dev-tool is opened?
body: <p>I have a small react app that fetch new content when a button is clicked. for some reason it only updates the state if chrome dev-tool is open. I am using axios to fetch the content. I am pretty sure I'm doing something wrong in there. I have to say that I'm new on React, and trying to learn. </p>
  
  <p>here is my code.</p>
  
  <pre><code>class QuoteBox extends React.Component {
    constructor(){
      super();
      this.state = {
      quotes: '',
      author:'',
      isLoading: false
      }
      this.handleRequest = this.handleRequest.bind(this)
    }
  
    handleRequest(e){
      e.preventDefault();
      this.setState({isLoading: true});
      axios.get(`https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&amp;filter[posts_per_page]=1&amp;callback="`)
      .then(res =&gt; this.setState({
          quotes: res.data[0].content,
          isLoading: false
        })
      );
    }
  </code></pre>
  
  <p>This is the render method</p>
  
  <pre><code>render() {
      return (
        &lt;div&gt;
          &lt;div className='box'&gt;
            &lt;div className="text"&gt;
              {parser(this.state.quotes)}
            &lt;/div&gt;
            &lt;p className="author"&gt;- {this.state.author.toUpperCase()}&lt;/p&gt;
            &lt;footer&gt;
              &lt;div className="mediaIcons"&gt;
                &lt;i className="fab fa-twitter-square"&gt;&lt;/i&gt;
                &lt;i className="fab fa-facebook-square"&gt;&lt;/i&gt;
              &lt;/div&gt;
            &lt;/footer&gt;
          &lt;/div&gt;
          &lt;button className="btn btnQuote" onClick={this.handleRequest}&gt;New Quote&lt;/button&gt;
        &lt;/div&gt;
      )
    }
  </code></pre>
  
  <p>If I click the button I only get the first result if dev-tool is closed, and subsequent clicks do not load new data. but if the dev-tool is open, it works fine.</p>
  
  <p>Your help will be greatly appreciated.
  Thanks.</p>