Merge pull request #274 from alexandr-g/eslint-fix

fix: update eslint-plugins that caused installation fail

Author: alexandr-g

README.md

@@ -88,7 +88,7 @@ Eslint rules are commented for your convenience feel free to tweak or remove the
 To test the output of your template locally run
 
 ```bash
-npx create-react-app my-app --template file:/\path\to\file
+npx create-react-app my-app --template file:./cra-template-typescript-redux
 ```
 
 ## How to create custom Create React App (CRA) templates
@@ -101,10 +101,6 @@ I created a step by step guide on how to create your own templates.
 
 [View on dev.to](https://dev.to/alexandrg/how-to-create-custom-create-react-app-cra-templates-3nca)
 
-## My other templates
-
-[A light weight Create React App template with Recoil for state management](https://github.com/alexandr-g/cra-template-recoil)
-
 ## Thank you
 
 I hope this template will be helpful for you and you will love using it 🖤

package.json

@@ -39,6 +39,7 @@
     "@types/node": "^14.0.0",
     "@types/react": "^18.2.6",
     "@types/react-dom": "^18.2.4",
+    "@types/react-redux": "^7.1.25",
     "@types/react-router-dom": "^5.3.3",
     "@types/redux-mock-store": "^1.0.1",
     "@typescript-eslint/eslint-plugin": "^5.59.5",
@@ -47,10 +48,10 @@
     "eslint-config-airbnb-typescript": "^16.1.0",
     "eslint-config-prettier": "^8.0.0",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.21.5",
-    "eslint-plugin-react-hooks": "^4.0.8",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "prettier": "^2.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

src/components/counter/Counter.tsx

@@ -24,7 +24,7 @@ const Counter: React.FC = () => {
             <div className="card-action">
               <div className="group">
                 <button
-                  className="waves-effect waves-teal btn-flat blue"
+                  className="waves-effect waves-teal btn-flat red"
                   type="button"
                   data-qa="decrement-counter"
                   onClick={() =>
@@ -34,7 +34,7 @@ const Counter: React.FC = () => {
                   decrement
                 </button>
                 <button
-                  className="waves-effect waves-teal btn-flat red"
+                  className="waves-effect waves-teal btn-flat blue"
                   type="button"
                   data-qa="increment-counter"
                   onClick={() =>

template.json

@@ -5,7 +5,7 @@
       "@types/node": "14.0.0",
       "@types/react": "18.2.6",
       "@types/react-dom": "18.2.4",
-      "@types/react-redux": "8.0.5",
+      "@types/react-redux": "7.1.25",
       "@types/react-router-dom": "5.3.3",
       "@types/redux-mock-store": "1.0.1",
       "@typescript-eslint/eslint-plugin": "5.59.5",
@@ -14,10 +14,10 @@
       "eslint-config-airbnb-typescript": "16.1.0",
       "eslint-config-prettier": "8.0.0",
       "eslint-plugin-import": "2.27.5",
-      "eslint-plugin-jsx-a11y": "6.4.1",
+      "eslint-plugin-jsx-a11y": "6.7.1",
       "eslint-plugin-prettier": "4.0.0",
-      "eslint-plugin-react": "7.21.5",
-      "eslint-plugin-react-hooks": "4.0.8",
+      "eslint-plugin-react": "7.32.2",
+      "eslint-plugin-react-hooks": "4.6.0",
       "prettier": "2.0.0",
       "react-redux": "8.0.5",
       "react-router-dom": "6.11.1",

template/src/components/counter/Counter.tsx

@@ -24,7 +24,7 @@ const Counter: React.FC = () => {
             <div className="card-action">
               <div className="group">
                 <button
-                  className="waves-effect waves-teal btn-flat blue"
+                  className="waves-effect waves-teal btn-flat red"
                   type="button"
                   data-qa="decrement-counter"
                   onClick={() =>
@@ -34,7 +34,7 @@ const Counter: React.FC = () => {
                   decrement
                 </button>
                 <button
-                  className="waves-effect waves-teal btn-flat red"
+                  className="waves-effect waves-teal btn-flat blue"
                   type="button"
                   data-qa="increment-counter"
                   onClick={() =>

template/src/features/counter/counterReducer.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/default-param-last */
 import { INCREMENT_COUNTER, DECREMENT_COUNTER } from './actionTypes'
 import { CounterActionTypes } from './types'