dynamic required fields and asterisks on input labels

I have a schema for an address like this:

export const AddressSchema = object().shape(
    {
        country: string().required(),
        zip: string().required(),
        city: string().required(),
        street: string()
            .when('poBox', {
                is: (e) => !e,
                then: string().required()
            }),
        number: string()
            .when('street'.toString(), {
                is: (e) => e,
                then: string().required()
            }),
        poBox: string()
            .when('street', {
                is: (e) => !e,
                then: string().required()
            }),
    },
    [['street', 'poBox']]
);

The user has to enter street and number or the post office box. Now I want to add asterisks to the labels of the input fields dynamically. That means, when the input fields for street, number and poBox are empty, there are asterisks at all there 3 labels. When the user enters a PO box, the asterisks at street and number disappear.

The question is, how can we ‘calculate’ whether a specific field is required for the current form values?

[latviancoder]

For future generations:

reach(validationSchema, 'my.deep.object', currentValues).describe();

The resulting object contains tests objects which has the data you need.

Passing currentValues is important if your schema is dynamic (using when/lazy etc).

[jquense]

You can use schema.describe() to introspect a schema object.