react-router-dom V6怎么实现两个路由下的嵌套路由

问题遇到的现象和发生背景

react-router-dom V6怎么实现两个路由下的嵌套路由

const Router = () => {

    const router = useRoutes([
        {
            path: '/',
            exact: true,
            element: ,

        },
        {
            path: '/discover',
            element: ,
            children: [
                {
                    path: '/discover',
                    exact: true,
                    element: 
                },
                {
                    path: '/discover/recommend',
                    element: 
                },
                {
                    path: '/discover/ranking',
                    element: 
                },
                {
                    path: '/discover/songs',
                    element: 
                },

                {
                    path: '/discover/album',
                    element: ,

                },
                {
                    path: '/discover/artist',
                    element: 
                },
                {
                    path: '/discover/player',
                    element: 
                },

            ]
        },

        {
            path: "/playlist",
            element: 
        },
        {
            path: "/Album",
            element: 
        },
        {
            path: "/artist",
            element: ,
            children: [
                {
                    path: "/artist",
                    exact: true,
                    element: 
                },
                {
                    path: "/artist/album",

                },
            ]
        },
    ])

    return router
}

用代码块功能插入代码，请勿粘贴截图

运行结果及报错内容

我实现了/descover的嵌套路由，但是实现不了/artist的嵌套路由

/artist下的子路由没写完整吧