diff --git a/src/pages/academy/groundControl/subcomponents/GroundControlEditTeamSizeCell.tsx b/src/pages/academy/groundControl/subcomponents/GroundControlEditTeamSizeCell.tsx index 7de55fe473..788bffa896 100644 --- a/src/pages/academy/groundControl/subcomponents/GroundControlEditTeamSizeCell.tsx +++ b/src/pages/academy/groundControl/subcomponents/GroundControlEditTeamSizeCell.tsx @@ -32,23 +32,23 @@ const EditTeamSizeCell: React.FunctionComponent = props = const index = indexOfObject(assessmentOverviews.current, data); const [newTeamSize, setNewTeamSize] = React.useState(data.maxTeamSize); - const handleTeamSizeChange = () => { - const temp = [...assessmentOverviews.current]; - if (data.maxTeamSize !== newTeamSize) { - temp[index] = { - ...temp[index], - maxTeamSize: newTeamSize - }; - setHasChangesAssessmentOverview(true); - setAssessmentOverview(temp); - } - } - React.useEffect(() => { + const handleTeamSizeChange = () => { + const temp = [...assessmentOverviews.current]; + if (data.maxTeamSize !== newTeamSize) { + temp[index] = { + ...temp[index], + maxTeamSize: newTeamSize + }; + setHasChangesAssessmentOverview(true); + setAssessmentOverview(temp); + } + }; + if (index !== -1) { handleTeamSizeChange(); } - }, [newTeamSize]); + }, [newTeamSize, index, assessmentOverviews, data.maxTeamSize, setHasChangesAssessmentOverview, setAssessmentOverview]); const handleIncrement = () => { const updatedTeamSize = newTeamSize + 1;