I have very little React experience, but this seems a bit awkward to me:

>Therefore every app should have an action component that could look like this:

  export const Action = ({ onClick, iconProps, buttonProps, dropdownItemProps, renderProp }) => {
      if (iconProps) {
          return <Icon onClick={onClick} {...iconProps} />
      } else if (buttonProps) {
          return <Button onClick={onClick} {...buttonProps} />
      } else if (dropdownItemProps) {
          return <Dropdown.Item onClick={onClick} {...dropdownItemProps} />
      } else {
          return renderProp({ onClick });
      }
  }