Example HOC

hoc.jsx

import React from 'react';

import Layout from '../components/Layout/Layout';

const withLayout = (PageComponent) => {
  const WithLayout = (props) => (
    <Layout {...props}>
      <PageComponent {...props} />
    </Layout>
  );

  // Set a displayName for debugging purposes
  const wrappedComponentName = PageComponent.displayName || PageComponent.name || 'Component';
  WithLayout.displayName = `withLayout(${wrappedComponentName})`;

  return WithLayout;
};

export default withLayout;