Whenever I write these code in app.js for adding sidebar my homescreen become blank .
<div
className={
sidebarIsOpen
? ‘active-nav side-navbar d-flex justify-content-between flex-wrap flex-column’
: ‘side-navbar d-flex justify-content-between flex-wrap flex-column’
}
>
<Nav className=”flex-column text-white w-100 p-2″>
<Nav.Item>
<strong>Categories</strong>
</Nav.Item>
{categories.map((category) => (
<Nav.Item key={category}>
<LinkContainer
to={`/search?category=${category}`}
onClick={() => setSidebarIsOpen(false)}
>
<Nav.Link>{category}</Nav.Link>
</LinkContainer>
</Nav.Item>
))}
</Nav>
</div>

<LinkContainer
to={`/search?category${category}`}
onClick={() => setSidebarIsOpen(false)}
>
update this
to
<LinkContainer
to={`/searchcategory=${category}`}
onClick={() => setSidebarIsOpen(false)}
>
it should be work
did you fix it i am having the same problem ..please contact me if you fix it.