Utilizo NavLink para poner en negrita el enlace activo, pero algunos de mis enlaces contienen espacios y no se ponen en negrita cuando se hace clic, ¿cómo solucionarlo?

 categories.map((c,i) => ( <NavLink key={i} exact activeClassName="is-active" to={`/series/category/${c}`} > {c} </NavLink> ))

Estoy seguro de que se debe a los espacios porque cuando hago esto, los enlaces están en negrita correctamente (pero la redirección no funciona porque mis páginas deben contener espacios):

 to={`/series/category/${c.replace(/\s/g, "")}`}

Los enlaces cuadrados rojos no se pondrán en negrita.