这是怎么了？

interface Query {
    userId: string
}

function ConfirmEmail(props: ConfirmEmailProps) {
    const router = useRouter()
    const { userId } = router.query as Query // <-- error here
    useEffect(() => {
        let data = { userId: userId }
        axios
            .post(`confirmEmail`, data)
            .then((resp) =>
                setTimeout(() => {
                    redirectToHome()
                }, 3000)
            )
            .catch((err) => console.error(err))
    })

虽然它在这里工作，没有错误，我使用相同的模式：

interface MyTicketListProps {}
interface Query {
    [key: string]: string | string[]
    paymentId: string
}
export default function MyTicketList(props: MyTicketListProps) {
    const router = useRouter()
    const dispatch = useAppDispatch()
    const { paymentId } = router.query as Query

第一个案件档案有[]左右，这可能有关系吗？pages/confirmEmail/[userId]
第二种情况是周围没有[]。