¿Cuál es la mejor manera de permitir solo dos valores específicos en el selector? Por ejemplo, tengo 2 campos para que un usuario seleccione:

1. A NOSOTROS

2. UGX

a continuación se muestra mi fragmento de código:

Código de validaciones:

 const signUpSchema = Yup.object().shape({ countrySelector: Yup.string().required('Please select the country'), });

Fragmento JSX

 <Formik validationSchema={signUpSchema} onSubmit={handleSignUpAsync} initialValues={{ countrySelector: '', }} > <Form> <Field as="select" className="browser-default custom-select" name='countrySelector'> <option value="-">-</option> <option value="DE">DE</option> <option value="US">US</option> </Field> </Form> </Formik>