import React, { useState } from 'react'; import { ChevronLeftOutlined } from '@mui/icons-material'; import MenuIcon from '@mui/icons-material/Menu'; import { Box, Button, Drawer, IconButton, List, ListItem, ListItemButton, ListItemIcon, ListItemText, } from '@mui/material'; import { useRouter } from 'next/dist/client/router'; import Head from 'next/head'; export default function Home() { const [open, setOpen] = React.useState(false); const router = useRouter(); const [changing_page, setChangingPage] = useState(false); const toggleDrawer = newOpen => () => { setOpen(newOpen); }; const DrawerList = ( { setChangingPage(true); router.push('/AdminLogin'); }} > ); return ( <> admin dashboard Admin dashboard {DrawerList} ); }