optimizedReact.js

import React, { Component } from 'react';
import {isEqual} from 'lodash';
import ProductDetails from 'client/ProductDetails';

// Product Details is a React Component
            
function optimizeRendering(keys: Array<string>, Wrapped: React<Element>) {
  return class OptimizedComponent extends Component {
    shouldComponentUpdate(nextProps) {
      const changedKeys = keys.filter(key => !isEqual(nextProps[key], this.props[key]));
      return changedKeys.length > 0
    }
    render() {
      return (<Wrapped {...this.props}/>)
    }
  }
}

optimizeRendering(['shopNavOpen', 'containerWidth'], ProductDetails)