使用message的hooks调用，页面直接白屏了

直接使用antdv官方推荐的message hooks方法，发现页面一闪而过就白屏了。没有报错信息
<script setup lang="ts">
import {message} from 'ant-design-vue'
const [messageApi, contextHolder] = message.useMessage();

const handleClick = () => {
  messageApi.info('test')
  router.push('/about')
}
</script>
<template>
<context-holder />
    <a-button @click="handleClick">
      按钮
    </a-button>
</template>