how I can put data with different ID in two empty object

Question

I want to change state to a playerOne and playerTwo, there is a data in fighter variable, during the clicking on different buttons, it shows me different data in console.log and I want to implement this in playerOne and playerTwo

const Board = () => {
  const { isLoading, fighters, getFighterInfo, fighter } = useBoard();
  const [selectedFightersData, setFightersData] = useState({
    playerOne: {},
    playerTwo: {},
  });
  const [player, setSelectedPlayer] = useState();
  const [selectedFightersQty, setSelectedFightersQty] = useState(0);

  const { playerOne, playerTwo } = selectedFightersData;
  
  const handleClick = (id, player) => {
    getFighterInfo(id);
    setSelectedPlayer(player);
    setSelectedFightersQty(selectedFightersQty + 1);
  };

  const handleUpdate = ()=>{
    setFightersData({
      ...selectedFightersData,
     playerOne:fighter,
     playerTwo:fighter
    })
  }