Example HOC for unstated

Counter.js

import React from 'react';
import { inject } from 'unstated';
import CounterContainer from './CounterContainer.js';

const Counter = ({ counter }) => (
  <div>
    <button onClick={() => counter.decrement()}>-</button>
    <span>{counter.state.count}</span>
    <button onClick={() => counter.increment()}>+</button>
  </div>
);

export default inject({ counter: CounterContainer })(Counter)