反应选择验证错误消息在formik和yup中不删除AFETER CONT值

Question

我正在使用React-Select选择多个选项。我使用formik和yup进行验证。所有事情都可以正常工作，但是当我选择一个选项时，错误消息不会消失。 我该如何处理？

这是验证：

const [initialValues, setIntialValues] = useState({.......,productLine: "",...});
const validationSchema = Yup.object().shape({
   ..............,
   productLine: Yup.string().required("This field is required"),
   .............
})
const [selectedPrduct, setSelectedProduct] = useState("");
const handleProductChange = selectedPro => {
   setSelectedProduct(selectedPro);
};

和我的形式：

<Formik
    initialValues={initialValues}
    validationSchema={validationSchema}
    onSubmit={(values) => onSubmit(values)}
    enableReinitialize={true}
  >
    {({ errors, values, touched, setValues }) => (
      <Form className="w-full px-3 py-10 space-y-8 divide-y divide-gray-200 text-justify ">
      ..............
      <Select
        value={selectedPrduct}
        styles={{
          input: (base) => ({
            ...base,
            'input:focus': {
              boxShadow: 'none',
            },
          }),
        }}
        onChange={selectedOption => {
          handleProductChange(selectedOption);
        }}
        isSearchable={true}
        options={productLine}
        name="productLine"
        
      />
      <button
        type="submit"
        className="ml-3 inline-flex w-2/4 md:w-20 lg:w-20 justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md bg-magento text-alabaster"
      >
              Save
            </button>
   </Form>
   )}
</Formik>