reactHOCExample.jsx

const theme = {
  fontColor: 'red',
};

// HOC
const withTheme = (Component) => props => <Component {...props} theme={theme} />;

// Component
const List = ({ items, theme }) => (
  <ul style={{ color: theme.fontColor }}>
    {items.map((item, index) => (
      <li key={index}>{item}</li>
    ))}
  </ul>
);

// Wrapping Component in HOC
const ListWithTheme = withTheme(List);

const App = () => <ListWithTheme items={['one', 'two', 'three']} />;