import { Provider, applyMiddlewares } from 'hookstore';
import errorHandler from 'hookstore-error';
 
const model = {
  name: 'foo',
  state: {},
  actions: {},
};
 
function App() {
  // App component code
}
 
function Root = () => {
  const middlewares = [
    errorHandler(),
    // add other middlewares
  ];
 
  applyMiddlewares(middlewares);
 
  return <Provider model={model}><App /></Provider>;
}
 
ReactDOM.render(<Root />, document.querySelector('app'));

function handleError(err) {
  const { name, action, state } = this.ctx;
 
  console.error(`${name}/${action} error`, err);
}
 
const middlewares = [
  errorHandler({ error: handleError }),
  // add other middlewares
];
applyMiddlewares(middlewares);