关于antd的modal组件modal.update方法使用问题

Question

我改变modal内容之后，点击关闭，有时候会显示出第一个续费升级的modal,这是什么原因

const modal = Modal.info({
    className: 'expire-modal',  // 第一个modal
    icon: '',
    width: 404,
    centered: true,
    content: (
      <div className="expire-modal-content">
        <img src={expire} alt="" />
        <div className="expire-modal-content-text">
          <p>{`${name}`}已过期</p>
          <p>如需继续使用，请续费或升级版本</p>
        </div>
        <div className="expire-modal-btn">
          <Button 
            type="primary" 
            onClick={() => {
              updateContent()
            }}
          >
            续费/升级
          </Button>
        </div>
      </div>
    ),
  })

  const updateContent = () => {
    modal.update({  // 改变后的modal
      width: 606,
      content: (
        <div className="upgrade-modal-content">
        // 关闭之后，会再显示第一次续费升级的modal（偶发）
          <span onClick={() => modal.destroy()}><CloseOutlined /></span>
          <p>手机钉钉扫码  付费升级</p>
          <div className="upgrade-modal-qrcode">
            <img src={upgrade} alt="" />
          </div>
          <p>1、如您使用的安卓手机，可扫描上方二维码进行续费/升级</p>
          <p>{`2、如您使用的苹果手机，请您电话联系我们客户经理：${'    '}`}<br/>
            {`${'      '}0755-33942806（钉钉暂不支持苹果手机付费购买）`}</p> 
        </div>
      )
    })
  }

帮忙看一下有什么问题呢？
知道答案了，尴尬，没有细看文档