Little HOC that stops event propagation (also prevents default behavior of link/button/... if `strict="true"` is passed)

MuteClicksComponent.jsx

import React from 'react'

export default class MuteClicksComponent extends React.Component {
  handleClick (childClickHandler) {
    return (e) => {
      e.stopPropagation()

      // also prevent child link/button/... from working if neccesary
      if (this.props.strict) e.preventDefault()

      // pass control to original onClick handler
      if (childClickHandler) childClickHandler(e)
    }
  }

  render () {
    const child = React.Children.only(this.props.children)
    const {onClick, ...rest} = child.props
    return React.cloneElement(
      child,
      {
        ...rest,
        onClick: this.handleClick(onClick).bind(this),
      }
    )
  }
}