无法在 react-router-dom 6 中使用 RouteObject 分配元素

Can't assign element with RouteObject in react-router-dom 6

我正在尝试创建一个变量来保存我在 react-router-dom v6 中的所有路由,所有文档似乎都暗示我应该能够这样做:

但我遇到编译错误:

'SPALayout' refers to a value, but is being used as a type here. Did you mean 'typeof SPALayout'?

这基本上是与 相同的问题,但我猜它适用于他们而不是我。我在这里做错了什么?

这里的错误是没有正确的文件扩展名 (.tsx)。我添加了这个答案,因为它与 .

略有不同

由于这是一个文件扩展名问题,我不确定是否将其标记为重复。