NavLink active ClassName using styled-components

npm i styled-components react-router-dom
or
yarn add styled-components react-router-dom

slyled-navlink.js

import styled from "styled-components"


export const StyledNavLink=styled(NavLink).attrs({activeClassName:"anyClassName"})`
color: black;
&.anyClassName{
color: red;
}
`;

*Note activeClassName accept string as className when NavLink is active so you can pass any className you like