Route with path='' as index route

[IAluI]

Index routes cannot have children. In this regard, the idea arises of using routes with path='' as "index routes".

For example, we have a page that displays a list (path='groups'). We also have routes for adding (path='groups/add') and editing list item (path='groups/:groupId/edit'). These routes should not replace, but complement the original page. Also, each list item (group) corresponds to another page (path='groups/:groupId/items') displays another list. Whch also have routes for adding (path='groups/:groupId/items/add') and editing list item (path='groups/:groupId/items/:itemId/edit'). The result is the following routes object:

{
    path: 'groups',
    children: [
        {
            path: '',
            element: <Groups />,
            children: [
                {
                    path: 'add',
                    element: <AddGroup />,
                },
                {
                    path: ':groupId/edit',
                    element: <EditGroup />,
                },
            ],
        },
        {
            path: ':groupId/items',
            element: <Items />,
            children: [
                {
                    path: 'add',
                    element: <AddItem />,
                },
                {
                    path: ':itemId/edit',
                    element: <EditItem />,
                },
            ],
        },
    ],
};

Is it bad to use routes with path='' as index routes? If so, why?
Are there better approaches to implementing the described user interface?