751 viewsMern Amazona

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>

Yes, It will work. I think so.

<LinkContainer
                  to={`/search?category${category}`}
                  onClick={() => setSidebarIsOpen(false)}
                >
update this

to

<LinkContainer
                  to={`/searchcategory=${category}`}
                  onClick={() => setSidebarIsOpen(false)}
                >
it should be work