reactjs - redux を使用するときに反応コンポーネントをスタイルガイドする方法

Question

私はreact、styleguidist、reduxを使用しています。redux ストアの状態に応じてさまざまなアプリの状態を文書化しようとしていますが、.md ファイルが作成するプレイグラウンドは 1 つのストアしか使用しません。.md ファイルは次のようになります。

import * as actions from './redux/actions';
import { Provider } from 'react-redux'
import store from './redux/store';

(
<Provider store={store}>
  <App />
</Provider>
)

同じ .md ファイルに別の .js ブロックがあります。[こちら] の例のように:( https://react-styleguidist.js.org/docs/documenting.html#usage-examples-and-readme-files )ブロックは:

import * as actions from './redux/actions';
import { Provider } from 'react-redux'
import store from './redux/store';

// the live sample in the styleguidist server updates correctly when dispatching the action
store.dispatch(actions.showConnection(true)); 

//THE PROBLEM IS THAT THE OTHER SAMPLE (THE ONE ABOVE) ALSO UPDATES) so there is one store for the entire sample

//¿How can I dispatch actions and only update the sample inside each ``` js code? 
//¿How can I mock  the redux store inside each js block sample in the .md file ? 
(
<Provider store={store}>
  <App />
</Provider>
)

どんな助けでも大歓迎です。