title: Can't call setState on a component that is not yet mounted, even though it is?
body: <p>You guys have seen the error,<code>Warning: Can't call setState on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to ``this.state`` directly or define a</code>state = {};<code> class property with the desired state in the ImageTableItemComponent component.</code></p>
  <p>I've seen similiar questions asked, but no answers that help me. Here is my constructor:</p>
  <pre><code>export default class ImageTableItemComponent extends React.Component {
      constructor(props) {
          super(props);
          this.state = {
              data : [], // ****** This one's the problem *****
              collapsible : false,
          }
          this.loadImagesWithTags();
      }
  </code></pre>
  <p>And here is the  <code>loadImagesWithTags()</code> function, where I use <code>setState</code>:</p>
  <pre><code>loadImagesWithTags() {
          const imagesAndTags = new ImagesAndTags();
          imagesAndTags.getImagesWithTags()
              .then(imagesAndTags =&gt; {
                  const data = this.convertDataToObject(imagesAndTags)
                  this.setState({data: data,})  // ****** Here I use setState *****
              })
              .catch(reason =&gt; {
                  console.error('Error loading tags:', reason)
              });
      }
  </code></pre>
  <p>I have used this same method before, without recieving any kind of error. Could there be a bug or an outdated dependency or something, anything that I'm not seeing here be triggering this error? I've removed anything that has anything to do with <code>collapsible: false,</code> in my code, so I know the error is in regards to data. Any help is appreciated.</p>