mobx store wrapper for storybook

store-wrapper.js

import React from 'react';
import {Provider} from 'mobx-react';

const stub = () => true;

export const exampleStore = {
  app: {},
  auth: {
    checkAuth: stub
  },
  router: {
    goTo: stub
  }
};

const wrapWithStore = (extendStore = {}, overrideStore) => story => {

  const cleanStore = {};
  const finalStore = overrideStore ? overrideStore : {...cleanStore, ...exampleStore, ...extendStore};

  return (
    <Provider store={finalStore}>
      {story()}
    </Provider>
  )
}

export default wrapWithStore;

Thanks for the inspiring Gist. You're using JSX, so you probably want your file extension to reflect that.

How would you use this though?