Cannot update a component while rendering a different component

[kirilljsx]

Cannot update a component while rendering a different component

Причина: Вызов setState во время рендеринга другого компонента.

Пример:

function Parent() {
  const [state, setState] = useState();
  return <Child setState={setState} />;
}

function Child({ setState }) {
  setState(42); // Вызов здесь запрещен!
  return <div>...</div>;
}

Решение: Использовать useEffect для сайд-эффектов.