Tengo una pregunta sobre un comportamiento extraño al usar el estado React.

Si cambio el tipo predeterminado de la variable groupedFormErrors en la función auxiliar a [] en lugar de {} , el estado en el elemento de página formErrors no se actualiza. Sería genial si alguien pudiera explicar por qué sucede esto.

Elemento de página

 const [formErrors, setFormErrors] = useState(); const signUpHandler = async (e) => { e.preventDefault(); const response = await submitForm(); if (response.status === 422) { setFormErrors(groupFormErrors(response)); } };

función auxiliar

 export default function GroupFormErrors(response) { let groupedFormErrors = {}; // <<<<<<<<<<<<<<<<<<<<< This here if (response.status === 422) { response.data.forEach((error) => { if (groupedFormErrors.hasOwnProperty(error.param)) { groupedFormErrors[error.param].push(error.msg); } else { groupedFormErrors[error.param] = []; groupedFormErrors[error.param].push(error.msg); } }); } return groupedFormErrors; }