Как мне ввести положительное целое число в форме Formik?

const FormikForm = () => {
  const jobsGroup = { due_dates: "", priority: "", machine: "" };
 
  return (
    <Container sx={{ bgcolor: "#87c1ff4d", paddingY: 3, marginTop: 5 }}>
 
      ...........
 
        <CardContent sx={{ paddingY: 10, paddingX: 5 }}>
          <Formik
            initialValues={{
              name_job: "",
              description: "",
              explanation: [jobsGroup],
            }}
            
            onSubmit={async (values, actions) => {
              console.log("values", values)
 
              try {
                await axios ({
                  method: 'post',
                  url: 'http://localhost:8000/lalala/',
                  data: values
                });
                actions.resetForm(); //обнуляем значение полей формы
              } catch (error) {
                console.log(error.message);
              }
            }}
          >
            {({ values }) => (
              <FormStepper>
                ............
 
                <FieldArray name="explanation">
                  {({ push, remove }) => (
                    <Grid container spacing={2} sx={{ marginTop: 2, paddingX: 2 }}>
                      {values.explanation.map((_, index) => (
                        <>
                          ..........
                          <Grid item md={5}>
                            <PositiveIntegerField fullWidth name={`explanation.${index}.priority`} component={Input} type="number" inputProps={{ min: 1 }} label="Priority" defaultValue={1}
                            />
                      .........
                          )}
                      ))}{" "}
                     ...........
                  )}
                </FieldArray>
              </FormStepper>
            )}
          </Formik>
        </CardContent>
      </Card>
    </Container>
  );
};

[{priority: ["A valid integer is required."]}]