Use 'active' state from React Router in Styled Components

Question

React Router adds an active class to NavLinks when you are on the page that they link to. How can I access this property with Styled Components. I need to styled me

Answer 1

const StyledLink = styled(NavLink)`
  color: blue;

  &.active {
    color: red;
  }
`;