How to add an icon to a SideNavLink

Hello,

I'm not sure what are you asking for. We created our sidenav with Context API so we can provide our props through all tree components that we want. We are using prop icon to mdbsidenavcat.

          <MDBSideNavNav>
            <MDBSideNavLink to='/other-page' topLevel>
              <MDBIcon icon='pencil-alt' className='mr-2' />
              Submit listing
            </MDBSideNavLink>
            <MDBSideNavCat
              name='Submit blog'
              id='submit-blog'
              icon='chevron-right'
            >
              <MDBSideNavLink>Submit listing</MDBSideNavLink>
              <MDBSideNavLink>Registration form</MDBSideNavLink>
            </MDBSideNavCat>
            <MDBSideNavCat
              name='Instruction'
              id='instruction'
              icon='hand-pointer'
              href='#'
            >
              <MDBSideNavLink>For bloggers</MDBSideNavLink>
              <MDBSideNavLink>For authors</MDBSideNavLink>
            </MDBSideNavCat>
            <MDBSideNavCat name='About' id='about' icon='eye'>
              <MDBSideNavLink>Instruction</MDBSideNavLink>
              <MDBSideNavLink>Monthly meetings</MDBSideNavLink>
            </MDBSideNavCat>
            <MDBSideNavCat
              name='Contact me'
              id='contact-me'
              icon='envelope'
            >
              <MDBSideNavLink>FAQ</MDBSideNavLink>
              <MDBSideNavLink>Write a message</MDBSideNavLink>
            </MDBSideNavCat>
          </MDBSideNavNav>
        </MDBSideNav>