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.
The problem located in
Content.jsfile at lines: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 fromcomponentDidUpdatetocomponentDidMount.