Buck

Если ты создаешь по умолчанию:

вместо

<div class=col-6 position-fixed sidebar" >боковое меню</div>

вот так

<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel">

то у тебя будет работать с коробки закрытие на пустую область.

Посмотри LiveDemo
https://getbootstrap.com/docs/5.0/components/offcanvas/

как вариант

class Header extends React.Component {

  componentDidMount() {
    const menuBtn = document.querySelector('.btn');
   console.log(menuBtn);
  }

  render() {  
    return (
    <>
      <div className="menu">
        <div className="btn">
        {/* ... */}
      </div>
    </>
    )
  }
}
export default Header;