---------------------- Yes, it's possible to create a menu item in refine that acts both as a parent to other resources and is selectable by itself when using Ant Design. You can achieve this by properly configuring your resources and using the `useMenu` hook. Here's how you can do it: 1. First, define your resources in the `` component: ```tsx , }, }, { name: "settings", list: "/storage/settings", meta: { parent: "storage", label: "Settings", }, }, { name: "export", list: "/storage/export", meta: { parent: "storage", label: "Export", }, }, ]} // ... other props /> ``` 2. Then, you can use the `useMenu` hook to render your custom menu: ```tsx import { useMenu } from "@refinedev/core"; import { Menu } from "antd"; import { Link } from "react-router-dom"; const CustomMenu = () => { const { menuItems, selectedKey } = useMenu(); const renderTreeView = (tree) => { return tree.map((item) => { const { name, icon, children, meta, list } = item; if (children.length > 0) { return ( {meta?.label || name} {renderTreeView(children)} ); } return ( {meta?.label || name} ); }); };

Sub menu with own page

Similar Threads

Similar Threads

Similar Threads