title: "Network interruption occurred. Reconnecting…" , How to potentially automatically reconnect when i minimize or maximize chabot
body: <p>We have implemented bot framework-webchat to create a bot.  Currently, we handle the minimize and maximize with the event passed in component (code shown below) but the challenge occurs when I minimize and then maximize the chatbot  I am seeing 'Unable to connect' message and then it flashes away and if after an hour-long later if we minimize and maximize I am getting 'Network interruption occurred, Reconnecting...'  How do I keep webchat potentially automatically reconnect when I minimize and maximize Chabot.</p>
  
  <pre><code>MaximizeChatWndow () {
    if (this.state.token === null &amp;&amp;
      this.state.productService === null) {
      return
    }
  
    this.setState({
      directLine: this.createDirectLine()
    }, () =&gt; {
      this.setState({
        minimized: false,
        newMessage: false,
        userId: 'User_' + Math.random
      })
    })
    this.checkExpandFlag = true
  }
  </code></pre>
  
  <p>The component:</p>
  
  <pre><code>render () {
    const {
      state: { minimized, store }
    } = this 
    return (
      &lt;Row&gt;
       &lt;Col md={12}&gt;
         &lt;div&gt;
           {minimized ? (
             &lt;ChatDon
               handleMaximizeButtonClick={this.handleMaximizeButtonClick}
             /&gt;
           ) : (
             &lt;ChatWin
               handleMinimizeButtonClick={this.handleMinimizeButtonClick}
               directLine={this.state.directLine}
               userId={this.state.userId}
               store={store}
             /&gt;
           )}
         &lt;/div&gt;
       &lt;/Col&gt;
     &lt;/Row&gt;
    )
  }
  </code></pre>