How to validate a key of an object

[venuziano]

Hello everyone,

I'm getting an error when try to use an object in the logic validations, look.

I have this schema from Yup:

Then I want to use it like this:

But when I change the value of the field, I get Cannot read properties of undefined (reading 'CtbTipo')

Anyone know what I'm doing wrong here? Thanks!

[venuziano]

I managed to solve the issue like this:

When using .touched object, use like this > values?.touched?.Contribuinte && values?.touched?.Contribuinte?.CtbTipo
And when using .errors > values?.errors.Contribuinte?.CtbTipo

Code example:

<div className='fv-row mb-7 me-4 w-100'>
              <label className='required fw-bold fs-6 mb-2'>Tipo</label>
              <select
                {...values?.getFieldProps('Contribuinte.CtbTipo')}
                className={clsx(
                  'form-select form-select-solid',
                  { 'is-invalid': values?.touched?.Contribuinte && values?.touched?.Contribuinte?.CtbTipo && values?.errors.Contribuinte?.CtbTipo },
                  {
                    'is-valid': values?.touched?.Contribuinte && values?.touched?.Contribuinte?.CtbTipo && !values?.errors.Contribuinte?.CtbTipo,
                  }
                )}
                data-placeholder='Selecionar'
                onChange={(e: React.ChangeEvent<HTMLInputElement>) => values?.setFieldValue('Contribuinte.CtbTipo', e.target.value)}
              >
                <SelectValidations data={tiposContribuinteEnumData} />
                {tiposContribuinteEnumData.data?.dados.map(tipoContribuinte => (
                  <option key={tipoContribuinte.id} value={tipoContribuinte.id}>{tipoContribuinte.descricao}</option>
                ))}
              </select>
              {values?.touched?.Contribuinte && values?.touched?.Contribuinte?.CtbTipo && values?.errors.Contribuinte?.CtbTipo && (
                <div className='fv-plugins-message-container'>
                  <div className='fv-help-block'>
                    <span role='alert'>{values?.errors.Contribuinte?.CtbTipo}</span>
                  </div>
                </div>
              )}
            </div>