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