Problematic rendering

render.js

render() {
    const style = this.getStyles().position ?
      this.getStyles() :
      absolutePositionStyles(this.props.getCard(), this.getStyles());

    const classes = ['bubble'];
    if (!this.state.static) {
      classes.push('is-animating');
    }

    const key = this.props.article.slug;
    const check = div => {
      console.log(`[%cthadiv%c] Rendering tha div for the first time! ${key}`, 'color: purple;', '');
      console.log('divvers', div);
    };
    const div = (
      <div key={key} ref={check} className={c(classes)} style={style}>
        {this.props.children}
      </div>
    );

    console.log(`[%cthadiv%c] Rendering tha div at all! ${key}`, 'color: purple;', '');
    return div;
  }

Even with no unmounting/remounting.