tld_wms/packages/app/src/pages/home/menu/index.tsx

import {FC} from 'react';
import {Menu as AntdMenu, Layout} from 'antd';
import {useMenu, useOpenKey} from './hooks';
import css from './index.module.css';

const Menu: FC = function() {
  const menus = useMenu();
  const [{openKeys, current}, {onOpenChange, onClick}] = useOpenKey(menus);

  return (
    <Layout.Sider
      className={css.sliderBackground}
      breakpoint='lg'
    >
      <AntdMenu
        data-testid='menu'
        mode='inline'
        items={menus}
        onOpenChange={onOpenChange}
        openKeys={openKeys}
        onClick={onClick}
        selectedKeys={current}
        className={css.sliderMenus}
      />
    </Layout.Sider>

  );
};

export default Menu;