All files / src/utils/components NestedErrorMessage.tsx

20% Statements 1/5
0% Branches 0/4
0% Functions 0/2
20% Lines 1/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16    1x                          
import { Field, FormikState, getIn } from "formik";
 
const NestedErrorMessage = ({ name }: { name: string }) => (
  <Field
    variant="standard"
    name={name}
    render={({ form }: { form: FormikState<any> }) => {
      const error = getIn(form.errors, name);
      const touch = getIn(form.touched, name);
      return touch && error ? <span>{error}</span> : null;
    }}
  />
);
 
export default NestedErrorMessage;