Tooltip arrows are not visible with Bootstrap 5.3.0

[val1984]

• components: tooltip
• reactstrap version #9.2.0
• import method es
• react version #18.2.0
• bootstrap version #5.3.0

What is happening?

Tooltip arrows are not visible with Bootstrap 5.3.0.

What should be happening?

Tooltips should have an arrow.

Steps to reproduce issue

1. Visit Stackblitz link
2. Hover on the link
3. See that the tooltip arrow is missing

Code

Stackblitz repro This is a copy/paste from first example of the documentation with updated dependencies (particularly Bootstrap 5.3.0).

Might be caused by this commit in Bootstrap.

[val1984]

I found a workaround:

const fixTooltipModifier = {
  name: 'offset',
  enabled: true,
  phase: 'main',
  options: { offset: [0, 6] },
} as OffsetModifier;

function MyTooltip() {
  return <Tooltip modifiers={[fixTooltipModifier]}>My Tooltip</Tooltip>
}