Breaking News: Grepper is joining You.com. Read the official announcement!

activeClassName TypeScript Error

Ziad Kermadi answered on March 19, 2023 Popularity 1/10 Helpfulness 1/10

answer activeClassName TypeScript Error

activeClassName TypeScript Error

Comment

If you use React router version 6 then activeClassName is no longer more. you can simply use className.

return (
 <Container>
  <NavLink to='/headers' className={(props)=>props.isActive ? "wasd" : ""}>
                       or
  <NavLink to="/headers" className={({isActive})=>isActive? "wasd" :"">
   // direct use destructure

    <Selector>Headers</Selector>
  </NavLink>      
</Container>
 );
}; 
export default DefaultHeader;

Popularity 1/10 Helpfulness 1/10 Language typescript

Source: stackoverflow.com

Tags: typescript

Link to this answer
Share Copy Link