Ant design rc-time-picker position wrong on Modal with animation

Question

  <div>
    <Button onClick={() => this.setState({ show: true })}>Open</Button>
    <Modal
      show={this.state.show}
      onHide={() => this.setState({ show: false })}
      animation={true}
    >
      <Modal.Header closeButton>
        <Modal.Title>Modal</Modal.Title>
      </Modal.Header>
      <Modal.Body>
        <TimePicker open getPopupContainer={triggerNode => triggerNode.parentNode}/>
        <div style={{ height: '370px' }} />
      </Modal.Body>
    </Modal>
  </div>

With animation enabled, it becomes https://i.stack.imgur.com/Qq0Kp.png

Without animation: https://i.stack.imgur.com/CGk0Y.png

Any clue how to fix it?