cjkihl

// HOC that will add mouse position to Wrapped components props
const WithMouse = WrappedComponent =>
  class extends React.Component {
    constructor(props) {
      super(props);
      this.state = { mouseX: 0, mouseY: 0 };
    }
    onMouseMove = e => {
      this.setState({ mouseX: e.clientX, mouseY: e.clientY });
    };

cjkihl

// Simple mixin that listens to mouse events and
// sets the state everytime the mouse position changes
var MousePosMixin = {
    getInitialState() {
        return { mouseX: 0, mouseY: 0 }
    },
    onMouseMove(e) {
        this.setState({ mouseX: e.clientX, mouseY: e.clientY });
    },
    componentDidMount() {