Pure Component HOC

pureComponent.ts

/**
 * Wraps any React component (even functional) to PureComponent class
 */
export const pureComponent = function<P>(Component: React.ComponentType<P>) {
  return class extends React.PureComponent<P> {
    static displayName = `pureComponent(${Component.displayName || Component.name})`;

    render() {
      return <Component {...this.props} />;
    }
  };
};