HoverCounter pre HOC pattern

HoverCounter.jsx

import React from 'react';

class HoverCounter extends React.Component {
        constructor() {
                super()
                this.state = {
                    count: 0
                }
            }
        increment = () => {
            this.setState(prevState => {
                return {count: prevState.count + 1}
            })
        }
        render(){
                const {count} = this.state
        return (        
            <h2 onMouseOver={this.increment}>
                {count}</h2>
        );
}}

export default HoverCounter;