reactHookForm.tsx

<React.Fragment>
  
        <p className="my-8 font-subtitle4">Tipo de documento</p>
        <div className="flex flex-row items-start">
          <Controller
            render={({ onChange, value, ref }) => (
              <>
                <Radio
                  htmlProps={{
                    htmlFor: 'NIT',
                  }}
                  className="mb-16 mr-16"
                  checked={value === 'NIT'}
                  id="NIT"
                  label="NIT"
                  name="documentType"
                  onChange={onChange}
                  value="NIT"
                />
                <Radio
                  checked={value === 'CEDULA'}
                  htmlProps={{
                    htmlFor: 'CEDULA',
                  }}
                  className="mb-16"
                  id="CEDULA"
                  label="Cédula"
                  name="documentType"
                  onChange={onChange}
                  value="CEDULA"
                />
              </>
            )}
            name="documentType"
            control={control}
          />
        </div>
      </React.Fragment>