title: Why do I have to refresh page manually after delete?
body: <p>When I delete a circuit (via link on details page) and redirect back to the home page, the object I deleted is still there until I manually refresh the page.</p>
  
  <p>I have tried passing in <code>props</code> through the router:</p>
  
  <pre><code>&lt;Route exact path='/' render={(props) =&gt; &lt;CircuitList {...props} /&gt; } /&gt;
  </code></pre>
  
  <p>I have tried moving the delete function from the detail view container to the list view container, but cannot figure out how to pass the function down through the components.</p>
  
  <p>The delete action</p>
  
  <pre><code>    handleDeleteCircuit = (event) =&gt; {
          const circuitID = this.props.match.params.id;
  
          axios.delete(`link-to-api`, this.state);
          this.props.history.push('/');
          this.forceUpdate();
      }
  </code></pre>
  
  <p>Every time I delete a circuit, it deletes from the api, but when it redirects to the home page, it's still there until I manually refresh the page.</p>