mouseHoC.js

const mousePosition = () => (BaseComponent) => {
	return class MousePosition extends Component {
		constructor(props) {
			super(props);
			this.state = { x: 0, y: 0 };
		}

		componentDidMount() {
			this.listener = (e) => {
				this.setState(() => ({ x: e.pageX, y: e.pageY }));
			};

			document.addEventListener('mousemove', this.listener);
		}

		componentWillUnmount() {
			document.removeEventListener('mousemove', this.listener);
		}

		render() {
			const { x, y } = this.state;

			return <BaseComponent {...this.props} x={x} y={y} />;
		}
	}
}