isInvalid: Boolean()

in experimenter/experimenter/nimbus-ui/src/hooks/useCommonForm/useCommonFormMethods.tsx [70:107]


        isInvalid: Boolean(
          submitErrors![snakeCaseName] || (touched[name] && errors[name]),
        ),
        isValid: Boolean(
          !submitErrors![snakeCaseName] && touched[name] && !errors[name],
        ),
      }),
    };
  };

  const FormErrors = <K extends FieldNames>({
    name,
    prefix,
  }: {
    name: K;
    prefix?: string;
  }) => {
    const snakeCaseName = camelToSnakeCase(name);
    const fieldName = prefix ? `${prefix}.${name}` : name;
    const fieldReviewMessages =
      (
        reviewMessages as SerializerMessages<
          SerializerMessage | SerializerSet[]
        >
      )[snakeCaseName] || [];
    const fieldReviewWarnings =
      (
        reviewWarnings as SerializerMessages<
          SerializerMessage | SerializerSet[]
        >
      )[snakeCaseName] || [];
    return (
      <>
        {fieldReviewMessages.length > 0 && (
          // @ts-ignore This component doesn't technically support type="warning", but
          // all it's doing is using the string in a class, so we can safely override.
          <Form.Control.Feedback type="warning" data-for={fieldName}>
            {fieldReviewMessages.map((m) => (