Adding validations for dynamic data in react

Using react formal with my schema statically defined (and reused):

export const AddressSchema = yup.object({
  category: string.nullable(),
  full_name: string.nullable(),
  address1: string.required(),
  address2: string.nullable(),
  city: string.required().min(2).max(30),
  state_code: string.required().min(2).max(2),
  postal_code: string.required().min(5).max(13),
  country_code: string.default('US').required().min(2).max(3),
  default_billing: boolean,
  default_shipping: boolean
})
export const ContactSchema = yup.object({
  first_name: string.required(),
  last_name: string.required(),
  email: string.required().email(),
  mobile_phone: string.required().phone(),
  work_phone: string.phone().nullable(),
  home_phone: string.phone().nullable(),
  addresses: edges(AddressSchema).min(1)
})

I have a dynamic dataset provided that gives me viable subregions (or states). How can I tack on a dynamic test to state_code inside a render or componentWillMount?

[rosskevin]

Working state validation - dependent on context and other field:

  state_code: string.required().min(2).max(2)
    .test('validState', '${path} is not a valid state',
      function (value) {
        if (!value || (value !== null && value.length === 0)) {
          return false
        }

        console.log('test options', this.options)
        const { context, parent: address } = this.options
        const addressRegions = context.addressRegions() 
        const regionCode = address.country_code
        const result = addressRegions.subregions[ regionCode ].includes(value)
        return result
      }),

[rosskevin]

Ugh - can’t use arrow functions here if I want this. No problem, just confusion.