Have you tried manually setting the expanded state:

const [expanded, setExpanded] = useState(false);
...

<Navbar 
  expand="lg" 
  expanded={expanded}
  onToggle={() => setExpanded(!expanded)}
  ...
>

and using/setting max-height instead of height in your CSS?