Access an already created store?

Think I must be missing something here, so I apologise if that is the case, but I am trying to access to store after it is created. Mainly to allow me to add/modify (store.addModel) the model dynamically.

I was trying to simply use the easy-peasy context (easy-peasy/src/context) with useContext(), but that doesn’t seem to work…

import StoreContext from 'easy-peasy/src/context'
// in my component...
const store = useContext(StoreContext)

The store var is always undefined 😖

Any help would be appreciated, as it is late here and I’m tired, so am probably missing something obvious.

thx

[ctrlplusb]

Released in v3.1.0

👍

[allpro]

In my app, I have a createStore.js file,. When I create the store, I set a module-level store var, and also export a getStore() method that returns the store var. I can access this helper from anywhere, including services that are outside of React context. Pseudo-code…

// createStore.js
let store;

export default function createStore(state) {
  store = ....
  return store;
}

export const getStore = () => store;

// myService.js
import { getStore } from 'src/data/store';

function myService(data) {
  const store = getStore();
  ...

I also export a createTestStore() that accepts an object with useful {optional} params like data, model and api to simplify testing. This also sets the store var so that all code using getStore() works inside tests.