Tengo un btn que depende de los errores obj, si hay errores en obj btn se desactivará disabled={Object.keys(errors).length > 0 ? verdadero: falso} Estoy agregando el error en otro componente, pero no veo la representación en este componente. Sé exactamente que el error se agregó en errores, pero el botón no está deshabilitado.

Tengo un formulario en el formulario Tengo un componente de navegación

 <Navigation toolName={toolName} setDropzoneError={setDropzoneError} isSubmit={isSubmit} errors={errors} />

en este componente hay un btn que debería parecer deshabilitado o no depende de la cantidad de errores aquí, esto depende de disabled={Object.keys(errors).length > 0 ? verdadero Falso}

también tengo un componente en este formulario

 <DescriptionAndFiles toolName={toolName} onFilesSubmit={onFilesSubmit} register={register} errors={errors} dropzoneError={dropzoneError} parentTask={parentTask} downloadFiles={downloadFiles} handleSpChange={handleSpChange} setDropError={setDropError} />

en DescriptionAndFile tengo componente

 <CustomDropzone toolName={toolName} handleFile={onFilesSubmit} dropzoneError={dropzoneError} prefetchedFiles={addedPrefetch} setDropError={setDropError} />

si se requiere dropzone, pero no hay un archivo en drop zone, imprimo "error" y convierto dropError en verdadero

 if (filesInfo.filesOption === FilesOption.Required) { if (constFileList.length === 0 && dropzoneError) { dropzoneStyle = `${styles.dropzoneDefault} ${styles.dropzoneNoFiles}`; console.log('mistake') setDropError(true) requiredFieldMessage = ( <p className={errorStyles.errorText}>{intl.get('REQUIRED_FIELD')}</p> ); } else { console.log('no mistake') setDropError(false) dropzoneStyle = styles.dropzoneDefault; } }

entonces, cuando agrego un archivo, veo en la consola el mensaje 'sin error', cuando elimino el archivo de Dropzone, veo el mensaje 'error', pero el botón no cambia