added redux-logger

Author: a.fedorovskyi

.eslintrc

@@ -32,6 +32,7 @@
     "@typescript-eslint/default-param-last": "off",
     "import/prefer-default-export": "off",
     "import/no-cycle": "off",
+    "import/no-extraneous-dependencies": "off",
     "react/react-in-jsx-scope": ["off"],
     "react/jsx-uses-react": ["off"],
     "react/jsx-props-no-spreading": ["warn"],

package-lock.json

@@ -18,8 +18,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-redux": "^8.0.5",
-    "react-router": "^6.6.1",
-    "react-router-dom": "^6.6.1",
+    "react-router": "^6.6.2",
+    "react-router-dom": "^6.6.2",
     "react-scripts": "5.0.1",
     "redux": "^4.2.0",
     "reselect": "^4.1.7",
@@ -48,7 +48,7 @@
     ]
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.48.0",
+    "@typescript-eslint/eslint-plugin": "^5.48.1",
     "eslint": "^8.31.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.0.0",
@@ -59,7 +59,8 @@
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.31.11",
-    "prettier": "^2.8.2"
+    "prettier": "^2.8.2",
+    "redux-logger": "^3.0.6"
   },
   "resolutions": {
     "styled-components": "^5"

package.json

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+const ForTesting: React.FC = () => {
+  return <div>Hello Component</div>;
+};
+
+export default ForTesting;

src/App.test.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { render } from '@testing-library/react';
+import ForTesting from '../ForTesting';
+
+describe('ForTesting', () => {
+  test('render', () => {
+    render(<ForTesting />);
+  });
+});

src/components/ForTesting/ForTesting.tsx

@@ -0,0 +1,3 @@
+import ForTesting from './ForTesting';
+
+export default ForTesting;

src/components/ForTesting/__tests__/ForTesting.test.tsx

@@ -1,10 +1,14 @@
 import { configureStore } from '@reduxjs/toolkit';
+import { createLogger } from 'redux-logger';
 import rootReducer from './rootReducer';
 
-// browser history
+const logger = createLogger({
+  collapsed: true,
+});
 
 const store = configureStore({
   reducer: rootReducer(),
+  middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(logger),
 });
 
 export type RootState = ReturnType<typeof store.getState>;