I have looping through github repos with icon star for each repo links

When I click the element it should change far fa-star to fas fa-star dynamically

I tried this but it changes all items stars to full ones

    const [starState,setStarState] = useState(false);

    <star onClick={()=> setStarState(!starState)}/>

startState ? 
<star onClick={()=> setStarState(!starState)}/> :
<fullStar onClick={()=> setStarState(!starState)}/>