Tooltip can have wrong position when first run with visible prop set to true

This is a very simple demo: https://codesandbox.io/embed/mqm14597m9

import React from "react";
import { render } from "react-dom";
import Tooltip from "rc-tooltip";
import "rc-tooltip/assets/bootstrap.css";

const App = () => (
  <div style={{ marginTop: 120 }}>
    <h3>
      <Tooltip visible overlay="Welcome">
        <span>欢迎新人</span>
      </Tooltip>
    </h3>
  </div>
);

render(<App />, document.body.appendChild(document.createElement("div")));

This may differ from browsers, in my mac chrome 66.0.3359.117 it looks like:

Also when I edit and run these code locally with webpack-dev-server, it looks like:

Removing visible prop can solve this issue, tooltips positions correctly when mouse hovers the <span> element

Could it be an issue with the first time render?

Start with the linked CodeSandbox reproduction and compare the initial render with the hover-triggered render. Trace how the tooltip positions itself when visible is true on first render; done means the tooltip is correctly positioned initially and remains correct when the span is hovered.