How to use the @lskjs/utils/filterProps function in @lskjs/utils

render() {
    const { componentClass, ...props } = this.props;
    const buttonProps = omit(props, ['url', 'api', 'onSuccess']);
    return (
      
    );
  }
}

render() {
    const { componentClass, ...props } = this.props;
    const buttonProps = omit(props, ['url', 'api', 'onSuccess']);
    return (
      
    );
  }
}

'timerMillis',
      'componentClass',
      'innerComponentClass',
      'baseState',
      'state',
      'onClick',
      'form',
      'onSubmit',
    ]);
    buttonProps.componentClass = innerComponentClass;
    return (
      
    );
  }
}

...otherStyle,
        ...style,
        // flex: (cell.flex || 0),
        // justifyContent: cell.flex && (
        //   cell.align === 'right' ? 'flex-end' :  //eslint-disable-line
        //     cell.center === 'right' ? 'center'
        //       : 'flex-start'
        // ),
        // ...(cell.style || {}),
      },
      className: aggregateClassName(props, cell),
    };

    return React.createElement(
      componentClass,
      filterProps(subProps, componentClass),
      children,
    );
  }
}

render() {
    const {
      normal, tiny, title, user, componentClass: Tag, ...props
    } = this.props;
    return (
      
        
          
        
        <title>
          {title || user.title}
        </title>
      
    );
  }
}

validationState, min, max, minProps, maxProps,
    } = this.props;
    const [from, to] = value;
    return (
      
        
          <input min="{min}" max="{to" value="{from}" placeholder="{min}">
        
        -
        

// }));

    // return <div>dsvfbng</div>
    const subProps = {
      ...props,
      style: {
        display: 'grid',
        ...otherStyle,
        ...style,
      },
      className: aggregateClassName(props, {}),
    };

    return React.createElement(
      componentClass,
      filterProps(subProps, componentClass),
      children,
    );
  }
}

validationState, min, max, minProps, maxProps,
    } = this.props;
    const [from, to] = value;
    return (
      
        
          <input min="{min}" max="{to" value="{from}" placeholder="{min}">
        
        -
        

{leftIcon}
          
        
        
        
          
            {rightIcon}
          
        
        
          
            {get(value, 'length') || 0}
            /
            {maxLength}

render() {
    const {
      children, componentClass: Tag = 'span', ...props
    } = this.props;
    return (
      
        {children}
      
    );
  }
}