Я создаю меню гамбургеров, как заполнить весь экран с помощью

Question

Я создаю меню гамбургеров, как заполнить весь экран с помощью

BurgerMenuWrapper
const BurgerMenu: FC = () => {
const [enable, setEnable] = useState(false);
const handleMenu = () => setEnable(!enable);

return (
<div onClick={handleMenu}>
<BurgerMenuIcon />
{enable ? <BurgerMenuWrapper>BurgerMenu</BurgerMenuWrapper> : <></>}
</div>
);
};

const BurgerMenuWrapper = styled.div({
position: 'absolute',
width: '100%',
height: '100%',
background: '#FF3322',
zIndex: '10',
});
`const BurgerMenu: FC = () => {
const [enable, setEnable] = useState(false);
const handleMenu = () => setEnable(!enable);

return (
<div onClick={handleMenu}>
<BurgerMenuIcon />
{enable ? <BurgerMenuWrapper>BurgerMenu</BurgerMenuWrapper> : <></>}
</div>
);
};

const BurgerMenuWrapper = styled.div({
position: 'absolute',
width: '100%',
height: '100%',
background: '#FF3322',
zIndex: '10',
});