title: React checkbox tree expand and check button not responding
body: <p>I have this code :</p>
  <pre><code>render() {
      let state = {
          checked: [
              'catc'
          ],
          expanded: [
              'cata',
              'catb'
          ],
      };
  &lt;CheckboxTree
     nodes={this.props.chosenCategory.children}
     checked={state.checked}
     expanded={state.expanded}
     onCheck={checked =&gt; this.setState({ checked })}
     onExpand={expanded =&gt; this.setState({ expanded })}
  /&gt;
  </code></pre>
  <p>So I have the result like this :
  <a href="https://i.stack.imgur.com/Xojp9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Xojp9.png" alt="enter image description here" /></a></p>
  <p>But when I click on <code>check</code> or expand the list doesn't respond. Can anybody help me please? Thanks in advance.</p>
  <p>After putting state outside of <code>render()</code> :</p>
  <p><a href="https://i.stack.imgur.com/0oVuL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0oVuL.png" alt="enter image description here" /></a></p>
  <p><code>this.props.chosenCategory.children</code> :</p>
  <pre><code>&quot;id&quot;: 26578,
                  &quot;label&quot;: &quot;CatA&quot;,
                  &quot;value&quot;: &quot;cata&quot;,
                  &quot;children&quot;: [
                      {
                          &quot;id&quot;: 26579,
                          &quot;label&quot;: &quot;CatB&quot;,
                          &quot;value&quot;: &quot;catb&quot;,
                          &quot;children&quot;: [
                              {
                                  &quot;id&quot;: 26580,
                                  &quot;label&quot;: &quot;CatC&quot;,
                                  &quot;value&quot;: &quot;catc&quot;,
                                  &quot;children&quot;: []
                              }
                          ]
                      }
                  ]
  </code></pre>