title: I am not able to redirect this page to about page, trying from last 2 hours?
body: <pre><code>import React from 'react'
  import {FaBars} from 'react-icons/fa';
  import {Nav, NavbarContainer, NavLinks, NavMenu, NavLogo, MobileIcon, NavItem, NavBtn, NavBtnLink} from './NavbarElements';
  {/* Here is NavBar section*/}
  const NavBar = ({toggle}) =&gt; {
    return (
      &lt;&gt;
        &lt;Nav&gt;
           &lt;NavbarContainer&gt;
              &lt;NavLogo to=&quot;/&quot;&gt;Random&lt;/NavLogo&gt;
              &lt;MobileIcon  onClick={toggle}&gt;
                 &lt;FaBars /&gt;
              &lt;/MobileIcon&gt;
              &lt;NavMenu&gt;
                 &lt;NavItem&gt;
                    {/*This is for logo*/}
                    &lt;NavLinks to=&quot;generate&quot; onClick={toggle}&gt;Generate Password&lt;/NavLinks&gt;
                 &lt;/NavItem&gt;
  
                 &lt;NavItem&gt;
                    &lt;NavLinks to=&quot;about&quot; onClick={toggle}&gt;About us&lt;/NavLinks&gt;
                 &lt;/NavItem&gt;
  
                 &lt;NavItem&gt;
                    &lt;NavLinks to=&quot;strength&quot; onClick={toggle}&gt;check strength&lt;/NavLinks&gt;
                 &lt;/NavItem&gt;
                 &lt;NavItem&gt;
                    &lt;NavLinks to=&quot;signup&quot; onClick={toggle}&gt;Sign Up&lt;/NavLinks&gt;
                 &lt;/NavItem&gt;
              &lt;/NavMenu&gt;
              &lt;NavBtn&gt;&lt;NavBtnLink to=&quot;/profile&quot;&gt;View Profile&lt;/NavBtnLink&gt;&lt;/NavBtn&gt;
           &lt;/NavbarContainer&gt;
        &lt;/Nav&gt;
      &lt;/&gt;
    );
  }
  
  export default NavBar
  </code></pre>
  <p>Here I have created different links in header section but when i am trying to redirect it, its not happening.
  I read 20 articles in the last two hours but I am not able to redirect the about page.I am a beginner please help me in react.</p>
  <pre><code>import styled from 'styled-components'
  import {Link} from 'react-router-dom';
  import {Link as LinkS} from 'react-scroll';
  
  
  export const Nav = styled.nav`
     background: black;
     height: 80px;
     margin-top: -80px;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 1rem;
     position: sticky;
     top: 0;
     z-index: 10;
  
     @media screen and (max-width: 960px){
        transition: 0.8s all ease;
     }
  `
  export const NavbarContainer = styled.div`
     display: flex;
     justify-content: space-between;
     height: 80px;
     z-index: 1;
     width: 100%;
     padding: 0 24px;
     max-width: 1100px;
  `
  
  export const NavLogo = styled(Link)`
     color: #F90919;
     justify-self: flex-start;
     cursor: pointer;
     font-size: 1.5rem;
     display: flex;
     align-items: center;
     margin-left: 24px;
     font-weight: bold;
     text-decoration: none;
  
     &amp;.active{
        border-bottom: 3px solid #F90919;
     }
  `;
  
  
  export const NavMenu = styled.ul`
     display: flex;
     align-items: center;
     list-style: none;
     text-align: center;
     margin-right: -22px;
  
     @media screen and (max-width: 768px){
        display: none;
     }
  `
  
  export const NavItem = styled.li`
     height: 80px;
  `
  
  export const NavLinks = styled(LinkS)`
     color: white;
     display: flex;
     align-items: center;
     padding: 0 1rem;
     height: 100%;
     cursor: pointer;
     text-decoration: none;
  `;
  
  export const NavBtn = styled.nav`
     display: flex;
     align-items: center;
  
     @media screen and (max-width: 760px){
        display: none;
     }
  `
  
  export const NavBtnLink = styled(Link)`
     border-radius: 50px;
     background: #F90919;
     white-space: nowrap;
     padding: 10px 22px;
     color: #010606;
     font-size: 16px;
     outline: none;
     border: none;
     cursor: pointer;
     transition: all 0.2s ease-in-out;
     text-decoration: none;
  
     &amp;:hover{
        transition: all 0.2s ease-in-out;
        background: #fff;
        color: #010606;
     }
  ` 
  </code></pre>
  <p>I have edited Nav, Naccontainer, NavItem, NavLogo, NavMenu, and NavLinks, Kindly check.</p>