Tooltip triggers reflow & redraw too much times at any tooltip prop update

The problem located in Content.js file at lines:

  componentDidUpdate() {
    const { trigger } = this.props;
    if (trigger) {
      trigger.forcePopupAlign();
    }
  }

On every re-render/changing props it invokes forcePopupAlign. Using tooltip inside heavy and complex application with dozen nested component leads to freezing the page.
My suggestion is to implement more smarter calling of forcePopupAlign. For the most cases (except very dynamic ones) it is more than enough to move the logic out from componentDidUpdate to componentDidMount.

Start with Content.js at the componentDidUpdate method and trace when trigger.forcePopupAlign() runs during tooltip prop updates. Compare the current behavior with the suggested lifecycle change, then verify that alignment still occurs when needed without repeated reflow and redraw during ordinary updates.