Storybook with Redux store

decorators.js

import React, { Suspense } from "react";
import { LoaderSuspense } from "features/Loader";
import { BrowserRouter } from 'react-router-dom';
import { Provider } from 'react-redux';
import store from '@Store';

export const withSuspense = StoryComponent => {
    return (
        <Suspense fallback={<LoaderSuspense />}>
          <StoryComponent />
        </Suspense>
    );
};

export const withStore = StoryComponent => {
  return (
    <Provider store={store}>
      <StoryComponent />
    </Provider>
  );
};

Header.story.js

import React from 'react';
import Header from '../Header';
import notes from './readme.md';

export default {
  component: Header,
  title: 'Common/Header',
  parameters: {
    notes: { notes }
  }
};

const Template = (args) => <Header {...args} />;

export const LoggedOutHeader = Template.bind({});
LoggedOutHeader.args = {
  store: {
    auth: {
      correctLogin: true,
      user: {},
      errorMessage: ''
    }
  }
};

export const LoggedInHeader = Template.bind({});
LoggedInHeader.args = {
  store: {
    auth: {
      correctLogin: true,
      user: {
        id: '12345',
        roles: [],
        sightVotes: []
      },
      errorMessage: ''
    }
  }
};

store.ts

const store = configureStore({
  reducer: reducers,
  middleware: getDefaultMiddleware(),
  devTools: process.env.NODE_ENV !== 'production',
  enhancers: createEnhancers()
});

export default store;