A HOC that allows generic props mutations (just like ReactRedux.connect, but without being connected to anything)

withComputedProps.js

import React from "react"

/**
 * A HOC that allows generic props mutations (just like ReactRedux.connect, but without being connected to anything)
 * @param WrappedComponent A React component to wrap
 * @param mapPropsToProps a logic that computes new props out of existing props
 * @returns A wrapped Component that has new computed props OOTB
*/
const withComputedProps = (WrappedComponent, mapPropsToProps) => props => {
  let computedProps = {};
  if (mapPropsToProps) {
    computedProps = mapPropsToProps(props);
  }

  return <WrappedComponent {...props} {...computedProps} />;
};

export default withComputedProps;