A base HOC pattern

Enhanced.js

import React from "react";
import { withHandlers, withState, compose } from "recompose";

const RenderComponent = ({ handleClick, stateValue, newValue }) => {
	return (
		<button onClick={handleClick}>
			RenderComponent ({stateValue.value} clicks!)
		</button>
	);
};

const enhance = compose(
	withState("stateValue", "setStateValue", { value: 0 }),
	withHandlers({
		handleClick: props => val => {
			props.setStateValue(({ value }) => ({ value: value + 1 }));
		}
	})
);

export default enhance(RenderComponent);