Tooltip in Popover opened itself when popover shows

Hi

mainButton has a Popover which has some buttons which has tooltip. My code below.

import { Button, Popover, Position, Tooltip, PopoverInteractionKind } from "@blueprintjs/core";
 
<Popover 
        position={Position.RIGHT}
        interactionKind = {PopoverInteractionKind.HOVER}
        content = {
             <div style={{padding:4}}>
                   <Tooltip content="Button 1 Tooltip" position={Position.TOP}>
                             <Button>Button1</Button>
                  </Tooltip>
                   <Tooltip content="Button 2 Tooltip" position={Position.TOP}>
                             <Button>Button2</Button>
                  </Tooltip>
                   <Tooltip content="Button 3 Tooltip" position={Position.TOP}>
                             <Button>Button3</Button>
                  </Tooltip>
         </div>

     }
>
     <Button id="mainButton">HOVER ME AND SHOW POPOVER</Button>
    
</Popover>

But first button's tooltip opening itself immediatelly when popover is opened. Mouse is not over on first button but why opening tooltip?