UPDATE:
I decided to give react-bootstrap a try for tooltips, hoping it would finally work as expected. Unfortunately, even after implementing the code, I am still facing issues with getting the tooltip effect to show up when hovering over the button.
This is my current code snippet:
import { Tooltip, OverlayTrigger, Button } from 'react-bootstrap'
const tooltip = (
<Tooltip id="tooltip"><strong>Wowza!</strong> More details here.</Tooltip>
);
export default function Test (props) {
return (
<OverlayTrigger placement="right" overlay={tooltip}>
<Button bsStyle="default">Wowza!</Button>
</OverlayTrigger>
)