How to use the uniforms.filterDOMProps function in uniforms

allowedValues,
  checkboxes,
  disabled,
  fieldType,
  id,
  inputRef,
  label,
  name,
  onChange,
  placeholder,
  required,
  transform,
  value,
  ...props
}) => (
  <div>
    {label &amp;&amp; <label>{label}</label>}

    {/* TODO: Better handling of these props. */}
    {checkboxes || fieldType === Array
      ? renderCheckboxes({
          allowedValues,
          disabled,
          id,
          name,
          onChange,
          transform,
          value,
          fieldType,
        })
      : renderSelect({
          allowedValues,</div>

initialCount,
  itemProps,
  label,
  name,
  removeIcon,
  showInlineError,
  value,
  ...props
}) => (
  <div>
    <div>
      {label &amp;&amp; (
        <div>
          <label>{label}&nbsp;</label>

          

          {!!(error &amp;&amp; showInlineError) &amp;&amp; (
            <span>{errorMessage}</span>
          )}
        </div></div></div>

const ErrorsField = (
  { className, children, ...props }: any,
  { uniforms: { error, schema } },
) =>
  !error && !children ? (
    nothing
  ) : (
    <div>
      <div>
        {children}

        {schema.getErrorMessages(error).map((message, index) =&gt; (
          <div>{message}</div>
        ))}
      </div>
    </div>
  );

<input value="" type="submit" disabled="{disabled">
  );

  return (
    <div>
      {hasWrap &amp;&amp; (
        <label>
          &nbsp;
        </label>
      )}

      {hasWrap &amp;&amp; (
        </div>

const Nest = ({
  children,
  className,
  error,
  errorMessage,
  fields,
  itemProps,
  label,
  name,
  showInlineError,
  ...props
}) => (
  <div>
    {label &amp;&amp; <label>{label}</label>}

    {!!(error &amp;&amp; showInlineError) &amp;&amp; (
      <span>{errorMessage}</span>
    )}

    {children
      ? injectName(name, children)
      : fields.map((key: any) =&gt; (
          
        ))}
  </div>
);

const Date = (props: any) =>
  wrapField(
    props,
     props.onChange(value && value.toDate())}
      placeholder={props.placeholder}
      ref={props.inputRef}
      value={props.value && moment(props.value)}
      {...filterDOMProps(props)}
    />,
  );

showInlineError,
  value,
  ...props
}) => (
   disabled || onChange(event.target.value)}
    placeholder={placeholder}
    ref={inputRef}
    value={value}
    {...filterDOMProps(props)}
  />
);

children,
  dense,
  initialCount,
  itemProps,
  label,
  name,
  value,
  ...props
}) => [
  {label} : undefined
    }
    {...filterDOMProps(props)}
  >
    {children
      ? value.map((item, index) =>
          Children.map(children, child =>
            React.cloneElement(child, {
              key: index,
              label: null,
              name: joinName(
                name,
                child.props.name && child.props.name.replace('$', index),
              ),
            }),
          ),
        )
      : value.map((item, index) => (

const LongText = ({
  disabled,
  id,
  inputRef,
  label,
  name,
  onChange,
  placeholder,
  value,
  ...props
}) => (
  <div>
    {label &amp;&amp; <label>{label}</label>}

    <textarea name="{name}" id="{id}" disabled="{disabled}"> onChange(event.target.value)}
      placeholder={placeholder}
      ref={inputRef}
      value={value}
    /&gt;
  &lt;/div&gt;
);
</textarea></div>

const Text = props =>
  wrapField(
    props,
    <input name="{props.name}" id="{props.id}" disabled="{props.disabled}"> props.onChange(event.target.value)}
      placeholder={props.placeholder}
      ref={props.inputRef}
      type={props.type}
      value={props.value}
      {...filterDOMProps(props)}
    /&gt;,
  );