Fix problem with sagas and storybook

template.json

@@ -15,7 +15,7 @@
       "@formatjs/intl-pluralrules": "^3.5.1",
       "@loadable/component": "^5.14.1",
       "@reduxjs/toolkit": "^1.2.1",
-      "@storybook/addon-essentials": "^6.0.27",
+      "@storybook/addon-essentials": "6.0.27",
       "@storybook/preset-create-react-app": "3.1.4",
       "@storybook/react": "6.0.27",
       "@testing-library/dom": "^7.26.3",
@@ -38,6 +38,7 @@
       "@types/ua-parser-js": "^0.7.33",
       "axios": "^0.18.0",
       "axios-case-converter": "^0.6.0",
+      "babel-loader": "8.2.0",
       "core-js": "^3.6.2",
       "es5-shim": "^4.5.12",
       "eslint-config-prettier": "^6.15.0",

template/.storybook/main.js

@@ -1,4 +1,7 @@
 module.exports = {
   stories: ['../src/**/*.stories.tsx'],
   addons: ['@storybook/preset-create-react-app', '@storybook/addon-essentials'],
+  typescript: {
+    reactDocgen: 'none',
+  }
 };

template/public/user.json

@@ -2,5 +2,6 @@
   "id": 1,
   "login": "user1",
   "name": "User One",
+  "displayName": "One",
   "email": "[email protected]"
 }

template/public/users.json

@@ -3,18 +3,21 @@
     "id": 1,
     "login": "user1",
     "name": "User One",
+    "displayName": "One",
     "email": "[email protected]"
   },
   {
     "id": 2,
     "login": "user2",
     "name": "User Two",
+    "displayName": "Two",
     "email": "[email protected]"
   },
   {
     "id": 3,
     "login": "user3",
     "name": "User Three",
+    "displayName": "Three",
     "email": "[email protected]"
   }
 ]

template/src/modules/users/users.sagas.ts

@@ -8,7 +8,7 @@ import { User } from './users.types';
 
 function* fetchUsers(action: PromiseAction<void, User[]>) {
   try {
-    const data = yield users.list();
+    const data: User[] = yield users.list();
     yield resolvePromiseAction(action, data);
   } catch (error) {
     reportError(error);