---------------------- To use the `Show` page instead of the `List` page in the menu of your refine application, you can utilize the `useMenu` hook. This hook allows you to create a custom menu for your application. Here is an example of how you can use it: ```jsx import React from "react"; import { useMenu, LayoutProps, ITreeMenu } from "@refinedev/core"; import { Link } from "react-router-dom"; const Layout: React.FC = ({ children }) => { const { menuItems, selectedKey } = useMenu(); const renderMenuItems = (items: ITreeMenu[]) => { return ( <> {menuItems.map(({ key, name, label, icon, route }) => { const isSelected = key === selectedKey; return (

{icon} {label ?? name}

); })} ); }; return (

alt="Logo" />

{renderMenuItems(menuItems)}

{children}

); }; ``` In this example, the `useMenu` hook is used to get the menu items and the selected key. The `renderMenuItems` function is used to render the menu items. Each menu item is a link that navigates to the route specified in the `route` property of the menu item. You can customize the `route` property to point to the `Show` page of the resource you want to display in the menu. For more information, refer to the **useMenu documentation** (). ---------------------- `Note: you can ask me a follow up question by @ mentioning me again` :speech_balloon: ----------------------

Show show data on List page

Similar Threads

Similar Threads

Similar Threads