How to use the uniforms/filterDOMProps function in uniforms

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

errorMessage,
  fullWidth,
  margin,
  variant,
  ...props
}) =>
  !error ? (
    nothing
  ) : (
    
      
        {children || errorMessage}
      
    
  );
Error.defaultProps = {

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

const Bool = ({
  disabled,
  id,
  inputRef,
  label,
  name,
  onChange,
  value,
  ...props
}) => (
  <div>
    <input name="{name}" id="{id}" disabled="{disabled}" checked="{value}"> disabled || onChange(!value)}
      ref={inputRef}
      type="checkbox"
    /&gt;

    {label &amp;&amp; <label>{label}</label>}
  </div>
);
export default connectField(Bool);

const fieldIndex = +name.slice(1 + name.lastIndexOf('.'));
  const limitNotReached =
    !disabled && !(parent.minCount >= parent.value.length);

  return (
    <span>
        limitNotReached &amp;&amp;
        parent.onChange(
          []
            .concat(parent.value.slice(0, fieldIndex))
            .concat(parent.value.slice(1 + fieldIndex))
        )
      }
      {...filterDOMProps(props)}
    &gt;
      {removeIcon}
    </span>
  );
};

const ListDel = ({ className, disabled, name, parent, ...props }) => {
  const fieldIndex = +name.slice(1 + name.lastIndexOf('.'));
  const limitNotReached =
    !disabled && !(parent.minCount >= parent.value.length);

  return (
    <i close="">
        limitNotReached &amp;&amp;
        parent.onChange(
          []
            .concat(parent.value.slice(0, fieldIndex))
            .concat(parent.value.slice(1 + fieldIndex))
        )
      }
    /&gt;
  );</i>

inputRef,
  label,
  max,
  min,
  name,
  onChange,
  placeholder,
  required,
  showInlineError,
  value,
  wrapClassName,
  ...props
}) => (
  <div required="">
    {label &amp;&amp; <label>{label}</label>}

    <div>
      </div></div>

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

    <input value="{value}" type="number" step="{step" placeholder="{placeholder}" name="{name}" min="{min}" max="{max}" id="{id}" disabled="{disabled}">
  </div>

error,
  errorMessage,
  id,
  inputRef,
  label,
  name,
  onChange,
  placeholder,
  required,
  showInlineError,
  value,
  ...props
}) => (
  <div required="">
    {label &amp;&amp; <label>{label}</label>}

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

    {!!(error &amp;&amp; showInlineError) &amp;&amp; (
      &lt;div className="ui red basic pointing label"&gt;{errorMessage}&lt;/div&gt;
    )}</textarea></div>

render() {
    const props = this.getFieldProps();

    return props.noDOM ? (
      nothing
    ) : (
      <input value="{props.value}" type="hidden" name="{props.name}" id="{props.id}" disabled="{props.disabled}">
    );
  }
}