Estoy usando la biblioteca de formulario final de reacción en mi aplicación Next.js. Quería actualizar algunos estados si se encuentran errores en los campos del formulario. Sin embargo, recibo este error en la consola del navegador:

 Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.

 import { Form } from 'react-final-form' // react state const [stateValue, setStateValue] = useState<any>({}) // react final form <Form onSubmit={onSubmit} mutators={{ ...arrayMutators }} initialValues={initialValues} validate={(values: ProductFormValueTypes) => { let errors = {} errors = { <object from form fields> } if(condition) setStateValue({<some value>}) return errors }} />