"@atlaskit/tooltip" does not work with Next.js

Question

I'm using "@atlaskit/tooltip" with Next.js. The reproduction code is simple.

// index.js
import React from 'react';
import Button from '@atlaskit/button';
import Tooltip from '@atlaskit/tooltip';

export default () => (
  <Tooltip content="Hello World">
    <Button>Hover Over Me</Button>
  </Tooltip>
);

But when I move the mouse over the button, there is no tooltip. How can I get them work together?