Si te pasa como a mi que la ruta “/” está siempre activa, solo necesitas pasar como parametro al NavLink la propiedad end
Quedaría de la siguiente manera:
<NavLink
style={({ isActive }) => ({
color: isActive ? "red" : "blue"
})}
to={route.to}
end
>
{route.text}
</NavLink>
Me encuentro en la versión 6.4.0 de react-router-dom
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.