Admin Sidebar

import { HashRouter, useLocation, useNavigate, Outlet, Route, Routes } from 'react-router-dom';
import { useActiveAdminMenu, useAdminSidebarLayout } from '@wpmvc/admin-sidebar';
 
const Layout = () => {
	// Required hooks
	const navigate = useNavigate();
	const location = useLocation();
	const { left, top } = useAdminSidebarLayout();
 
	// Initialize menu management
	useActiveAdminMenu( {
		pageTopLevelID: '#toplevel_page_my-plugin',
		rootPaths: [ '#/', '#/dashboard' ],
		navigate,
		location,
	} );
 
	return (
		<div
			style={ {
				marginLeft: left,
				marginTop: top,
				transition: 'margin-left 0.3s ease',
			} }
		>
			<Outlet />
		</div>
	);
};
 
// Entry point
export default () => (
	<HashRouter>
		<Routes>
			<Route element={ <Layout /> }>
				{ /* Add your route items */ }
			</Route>
		</Routes>
	</HashRouter>
);