The drop-down menu should be closed, except for the main page, how should I do?

Question

 <CSidebar
     show={show}
     onShowChange={(responsive) => dispatch(changeState(responsive))}
 >

The drop down menu should be closed, except for the main page. This is how the drop down menu is defined in my project. Should I make changes using Route or is there another easy way around this?

Answer 1

Try with

 <CSidebar
     show={location.pathname === '/'}
     onShowChange={(responsive) => dispatch(changeState(responsive))}
 >