Stores class

src/stores/index.tsx

@@ -4,23 +4,22 @@ import './_hydration';
 import {UIStore} from './ui';
 import {CounterStore} from './counter';
 
-export const stores = {
-  ui: new UIStore(),
-  counter: new CounterStore(),
-};
-type ContextStores = typeof stores;
+class Stores {
+  ui = new UIStore();
+  counter = new CounterStore();
+}
+export const stores = new Stores();
 
-const storeContext = React.createContext<ContextStores>(stores);
+const storeContext = React.createContext<Stores>(stores);
 export const StoresProvider = ({children}: any) => (
   <storeContext.Provider value={stores}>{children}</storeContext.Provider>
 );
-
-export const useStores = (): ContextStores => React.useContext(storeContext);
+export const useStores = (): Stores => React.useContext(storeContext);
 
 export const hydrateStores = async (): PVoid => {
   for (const key in stores) {
     if (Object.prototype.hasOwnProperty.call(stores, key)) {
-      const s = (stores as Stores)[key];
+      const s = (stores as any)[key] as IStore;
 
       if (s.hydrate) {
         await s.hydrate();