我使用官方的例子,在ts中遇到了一个问题

[shiqudemeili-new]

const Home = { template: '<div>Home</div>' }
const About = { template: '<div>About</div>' }
const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About }
]
const router = createRouter({
  // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
  history: createWebHashHistory(),
  routes // `routes: routes` 的缩写
})

在这里 ts给了我一个 错误
Argument type {routes: ({path: string, component: {template: string}} | {path: string, component: {template: string}})[], history: RouterHistory} is not assignable to parameter type RouterOptions
我应该怎么做 才是正确的