fix: export WithStoresProps

README.md

@@ -62,7 +62,7 @@ function CounterWithHook() {
 function ComponentWithRenderProps() {
   return (
     <StoreConsumer>
-      {({ useStore }) => { // inject only `useStore` with the same signature and usage as above
+      {({ useStore }: ConsumerActions) => { // inject a ConsumerActions object. Explicitly specifying type is not required.
         const store = useStore(TestStore); 
         return (
           <span>
@@ -75,7 +75,11 @@ function ComponentWithRenderProps() {
 }
 
 // 3.2 Use HOC
-const ComponentWithHOC = withStores(({ useStore }) => (
+
+// extends WithStoresProps to get `useStore` function
+interface Props extends WithStoresProps { }
+
+const ComponentWithHOC = withStores(({ useStore }: Props) => (
   <span>{useStore(TestStore).state.value}</span>
 ));
 
@@ -205,7 +209,7 @@ class BStore extends Store<{ text: string; derived: string; }> {
 - [X] Add test
 - [X] Achieve high test coverage
 - [X] Implement `setState` promise resolve after component update for hook use
-- [ ] [Partial observer](https://github.com/viccrubs/simstate/blob/partial-observer/partial-observer-proposal.md)
+- [X] [Partial observer](https://github.com/viccrubs/simstate/blob/partial-observer/partial-observer-proposal.md)
 - [ ] SSR utilities and its example
 
 # Related Articles

package.json

@@ -30,18 +30,18 @@
     "tslib": "^1.9.3"
   },
   "peerDependencies": {
-    "react": ">=16.8.0"
+    "react": ">=16.8.3"
   },
   "devDependencies": {
     "@types/enzyme": "^3.9.0",
-    "@types/jest": "^24.0.6",
-    "@types/react": ">=16.8.0",
+    "@types/jest": "^24.0.9",
+    "@types/react": ">=16.8.5",
     "coveralls": "^3.0.3",
     "cross-env": "^5.2.0",
     "enzyme": "^3.9.0",
-    "enzyme-adapter-react-16": "^1.9.1",
+    "enzyme-adapter-react-16": "^1.10.0",
     "jest": "^24.1.0",
-    "react": ">=16.8.0",
+    "react": ">=16.8.3",
     "react-dom": "^16.8.3",
     "rimraf": "^2.6.3",
     "rollup": "latest",
@@ -50,7 +50,7 @@
     "rollup-plugin-serve": "latest",
     "rollup-plugin-typescript2": "latest",
     "rollup-watch": "latest",
-    "standard-version": "^5.0.0",
+    "standard-version": "^5.0.1",
     "ts-jest": "^24.0.0",
     "tslint": "latest",
     "tslint-react": "^3.6.0",

src/index.ts

@@ -13,5 +13,5 @@ export { useStores };
 import StoreConsumer, { ConsumerActions } from "./StoreConsumer";
 export { StoreConsumer, ConsumerActions };
 
-import withStores from "./withStores";
-export { withStores };
+import withStores, { WithStoresProps } from "./withStores";
+export { withStores, WithStoresProps };

src/withStores.tsx

@@ -2,12 +2,14 @@ import React from "react";
 import StoreConsumer, { ConsumerActions } from "./StoreConsumer";
 import { Omit } from "./types";
 
+export type WithStoresProps = ConsumerActions;
+
 /**
  * Higher-Order component usage
  * @param WrappedComponent
  */
 export default function withStores
-  <P extends {}>(WrappedComponent: React.ComponentType<P & ConsumerActions>) {
+  <P extends {}>(WrappedComponent: React.ComponentType<P & WithStoresProps>) {
     const Component = (props: P) => (
       <StoreConsumer>
         {(actions) => {
@@ -21,5 +23,5 @@ export default function withStores
       </StoreConsumer>
     );
 
-    return Component as unknown as React.ComponentType<Omit<P, keyof ConsumerActions>>;
+    return Component as unknown as React.ComponentType<Omit<P, keyof WithStoresProps>>;
 }

tests/hoc.spec.tsx

@@ -1,12 +1,16 @@
 import { TestStore } from "./common";
 import React from "react";
 import { mount } from "enzyme";
-import withStores from "../src/withStores";
+import withStores, { WithStoresProps } from "../src/withStores";
 import StoreProvider from "../src/StoreProvider";
 
+interface Props extends WithStoresProps {
+
+}
+
 describe("HOC", () => {
 
-  const Component = withStores(({ useStore }) => {
+  const Component = withStores(({ useStore }: Props) => {
     const store = useStore(TestStore);
     return (
       <span>{store.state.value}</span>