So I want to update a specific value inside an array of objects, but it's not updating correctly

Question

So I try to copy the array and when it matches the memberId I update the selected value of the specific object. For a single member it is valid. However, assuming there are multiple members, it doesn't update correctly.

const updateGroupMembers = (memberId: string, optedRider: string, value: string) => {
        
        const updatedMembers = group?.memberDetails?.map((member) =>
            member.memberId === memberId
                ? { ...member, [optedRider]: value }
                : member
        );
       

        if (updatedMembers) {
            setGroup((prevGroup) => ({
                ...prevGroup!,
                memberDetails: updatedMembers,
            }));
        }
    };

Answer 1

You can do this:

useEffect(() => {
    setGroup((prevGroup) => ({
      ...prevGroup!,
      memberDetails: updatedMembers,
  }));
  }, [updatedMembers])

useEffect will run once updatedMembers is updated.