Всплывающая подсказка с PopperJs, показывающая первое непозиционированное состояние

Question

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

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

Answer 1

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

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