Tengo un formulario creado con antd. Tengo algunos campos personalizados que uso en Form.Item cuando era niño. El problema es que cuando envío el formulario, el campo tiene un error y Form.Item muestra el mensaje. Pero puedo pasar el error a mi campo personalizado para cambiar el color del borde.

Traté de pasar el error usando form.getFieldError(), en el que el formulario es una instancia de formulario. Pero devuelve una matriz vacía y solo cuando cambio un estado, la matriz encontrará valor.

¿Cómo puedo pasar el error a mi elemento al instante como muestra el mensaje?

este es el código que estoy usando y la imagen debajo es el resultado al enviar.

 <Form.Item label="Origin Country" name="From" className="flex-1" rules={[{ required: true }]} initialValue={initialValue?.initialOriginCountry?.name} > <SearchSelectCountry minLetter={1} placeholder="Origin Country" onSearch={(values) => onCountriesSearch(values, 'origin')} options={originCountries} onChange={(value) => handleChangeOriginContry(value)} initialValue={originSelectedCountry} error={form.getFieldError('From')?.length > 0} /> </Form.Item>

Y aquí es cuando cambio un estado y la matriz se llena y el error pasa al niño y el color del borde cambia: