Omit props from styled component

styled.js

import pickBy from 'lodash.pickby';
import { createElement } from 'react';

export const createComponent = ({
  tag: defaultTag = 'div',
  prop = 'tag',
  omit = []
} = {}) => {
  return ({ children, ...otherProps }) => {
    const tag = otherProps[prop] || defaultTag;
    const omitPropsKeys = [prop, ...omit];
    const props = pickBy(otherProps, (value, key) => {
      return omitPropsKeys.indexOf(key) === -1;
    });

    return createElement(tag, props, children);
  };
};

const ButtonComponent = createComponent({
  tag: 'button',
  omit: [
    'block',
    'ghost',
    'primary',
    'secondary',
    'tertiary',
    'shadow',
    'animate',
    'subtle',
    'compact',
    'rounded'
  ]
});

const StyledButton = styled(ButtonComponent)`
  ${buttonStyles};
`;