Tengo un bucle a través de repositorios de github con una estrella de icono para cada enlace de repositorio

Cuando hago clic en el elemento, debería cambiar far fa-star a fas fa-star dinámicamente

Intenté esto, pero cambia todas las estrellas de los elementos a estrellas completas.

 const [starState,setStarState] = useState(false); <star onClick={()=> setStarState(!starState)}/> startState ? <star onClick={()=> setStarState(!starState)}/> : <fullStar onClick={()=> setStarState(!starState)}/>