Всплывающая подсказка с Popper Js, показывающая первое состояние без размещения

Question

https://codesandbox.io/s/intelligent-feynman-j5wzv

Если вы наведите курсор на кнопку, вы увидите эффект при первом рендеринге, а затем в правильном положении всплывающей подсказки. Я что-то упускаю при использовании поппера? js правильно?

Answer 1

Решением было добавить в StyledToolTip некоторые атрибуты видимости:

visibility: "hidden"
"&[data-popper-placement]": {
    visibility: "visible",
  },