tooltip position changes from render to render

[vlukashov]

With react-tooltip 4.2.21 the tooltip position is unstable - the tooltip jumps around from render to render and sometimes it completely covers the anchor element:

<div
  style={{
    padding: "8rem 1rem 8rem",
    background: "#eeeeee",
    textAlign: "right"
  }}
>
  <span data-tip="In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before final copy is available.">
    Hower to see the <code>react-tooltip</code> tooltip
  </span>
  <ReactTooltip effect="solid" place="top"></ReactTooltip>
</div>

Full demo: https://codesandbox.io/s/reacttooltip-issue-demo-xggki?file=/index.js

This issue looks somewhat similar to these other issues in this repo: https://github.com/wwayne/react-tooltip/issues/476, https://github.com/wwayne/react-tooltip/issues/219, https://github.com/wwayne/react-tooltip/issues/264