diff --git a/osmosis/ADVANCED.md b/osmosis/ADVANCED.md index 79a6832..9a09749 100644 --- a/osmosis/ADVANCED.md +++ b/osmosis/ADVANCED.md @@ -29,7 +29,7 @@ import { setupStore } from '@shipt/osmosis'; const useCounterStore = props => { const [count, setCount] = useState(0); - const interval = props.interval ?? 0; + const interval = props.interval ?? 1; const increment = () => { setCount(count + interval); @@ -57,9 +57,9 @@ export default CounterStore; ```jsx //counter.js import React from 'react'; -import { CounterStore } from './counter.store'; +import CounterStore from './counter.store'; -export default () => { +const Counter = () => { const { state: { count, interval }, increment, @@ -74,17 +74,20 @@ export default () => { ); }; + +export default CounterStore.Provider(Counter); ``` ```jsx //index.js Root Component -import React from 'react' -import { CounterStore } from './counter.store'; +import React from 'react'; +import { StoreProvider } from '@shipt/osmosis'; +import CounterStore from './counter.store'; import Counter from './counter'; const intervals = [1, 2, 3]; -const Counters = () => { +const App = () => { return ( <> {intervals.map(interval => ( @@ -92,7 +95,7 @@ const Counters = () => { ))} ); -}); +}; -export default CounterStore.Provider(Counters); +export default StoreProvider([CounterStore], App); ``` diff --git a/osmosis/README.md b/osmosis/README.md index eaacd19..8ba282b 100644 --- a/osmosis/README.md +++ b/osmosis/README.md @@ -83,7 +83,7 @@ export default CounterStore; ```jsx //counter.js import React from 'react'; -import { CounterStore } from './counter.store'; +import CounterStore from './counter.store'; export default () => { const { @@ -105,7 +105,7 @@ export default () => { ```jsx //index.js Root Component import { StoreProvider } from '@shipt/osmosis'; -import { CounterStore } from './counter.store'; +import CounterStore from './counter.store'; import Counter from './counter'; export default StoreProvider([CounterStore.Provider], Counter);