Почему не обновляется состояние checkbox?

Question

[MarEeeeee]

Как правильно обновлять state для массива объектов?

Инициализация объектов:

type Result = number
interface Answer {
    result: Result[]
}
const answers: Answer[] = [];

questions.forEach(()=>{ 
    answers.push({      
        result:[]
    });
})

Массив answers выглядит так:

[{result:[]},{result:[]},{result:[]},{result:[]}]

Создание хука:

const [currentAnswer, setNewAnswer] = useState<Answer[]>(answers);

То что я уже пробовал:

1) Состояние перезаписывается, но мой элемент не перерисовывается

currentAnswer[currentQuestion].result.push(Number(e.target.id));
 setNewAnswer(currentAnswer);

2)

let newValue = currentAnswer[currentQuestion].result;
        newValue.push(Number(e.target.id));
        console.log(newValue)
        setNewAnswer({...currentAnswer[currentQuestion], newValue}) //ругается на тип newValue

/Argument of type '{ newValue: number[]; result: number[]; }' is not assignable to parameter of type 'SetStateAction<Answer[]>'.
  Object literal may only specify known properties, and 'newValue' does not exist in type 'SetStateAction<Answer[]>'

Как правильно записать новые значения в соответствующий объект в свойство result?

Код всего компонента.

Comments

[n1ksON]

Вот простейший пример

[MarEeeeee]

n1ksON, спасибо, но обновление примитва внутри state и объекта работают немного по-разному. Я уже решил свою проблему

Answer 1

[MarEeeeee]

Требовалось создать клон существующего массива, добавить в него новые элементы, а уже потом использовать setState()
let newAnswer = [...currentAnswer];
newAnswer[currentQuestion].result.push(parseInt(e.target.id));
setNewAnswer(newAnswer);

Comments

[n1ksON]

это мутирование. если вам нужно добавить элементы в массив, тогда так:

setNewAnswer(prev => {
  let arr = prev.slice();
  arr.push(parseInt(e.target.id))
  return arr;
})