react 17

config-overrides.js

@@ -1,19 +1,20 @@
 module.exports = {
     webpack: function (config, env) {
         config.module.rules.push({
-            test: /\.css$/,
+            test: /\.css$/i,
             use: [
                 {
                     loader: 'postcss-loader',
                     options: {
-                        ident: 'postcss',
-                        plugins: [
-                            require('tailwindcss'),
-                            require('postcss-nested'),
-                            require('autoprefixer')
-                        ],
-                    },
-                },
+                        postcssOptions: {
+                            plugins: [
+                                require('tailwindcss'),
+                                require('postcss-nested'),
+                                require('autoprefixer')
+                            ]
+                        }
+                    }
+                }
             ]
         });
 

package.json

@@ -3,30 +3,31 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@testing-library/jest-dom": "^5.11.3",
-    "@testing-library/react": "^10.4.8",
-    "@testing-library/user-event": "^10.4.1",
-    "@types/jest": "^25.2.3",
-    "@types/node": "^13.13.15",
-    "@types/qs": "^6.9.4",
-    "@types/react": "^16.9.46",
+    "@testing-library/jest-dom": "^5.11.5",
+    "@testing-library/react": "^11.1.0",
+    "@testing-library/user-event": "^12.1.10",
+    "@types/jest": "^26.0.15",
+    "@types/node": "^14.14.3",
+    "@types/qs": "^6.9.5",
     "@types/react-dom": "^16.9.8",
-    "@types/react-router-dom": "^5.1.5",
+    "@types/react-router-dom": "^5.1.6",
+    "@types/react": "^16.9.46",
     "coveralls": "^3.1.0",
-    "date-fns": "^2.15.0",
+    "date-fns": "^2.16.1",
     "fetch-mock": "^9.10.7",
     "jest-environment-jsdom-sixteen": "^1.0.3",
-    "node-fetch": "^2.6.0",
-    "postcss-loader": "^3.0.0",
+    "node-fetch": "^2.6.1",
+    "postcss-loader": "^4.0.4",
     "qs": "^6.9.4",
-    "react": "^16.13.1",
     "react-app-rewired": "^2.1.6",
-    "react-dom": "^16.13.1",
+    "react-dom": "^17.0.1",
     "react-hook-form": "^5.7.2",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "3.4.1",
-    "tailwindcss": "^1.7.0",
-    "typescript": "~3.8.3"
+    "react-scripts": "4.0.0",
+    "react": "^17.0.1",
+    "tailwindcss": "^1.9.6",
+    "typescript": "^4.0.3",
+    "web-vitals": "^0.2.4"
   },
   "browserslist": {
     "production": [
@@ -41,7 +42,10 @@
     ]
   },
   "eslintConfig": {
-    "extends": "react-app"
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
   },
   "jest": {
     "coveragePathIgnorePatterns": [

src/Model/Error/BadRequest.ts

@@ -1,6 +1,6 @@
 import HttpErrorWithInvalidParameters from './HttpErrorWithInvalidParameters';
 
 class BadRequest extends HttpErrorWithInvalidParameters {
-};
+}
 
 export default BadRequest;

src/Model/Error/HttpError.ts

@@ -7,6 +7,6 @@ class HttpError {
         this.detail = detail;
         this.instance = instance;
     }
-};
+}
 
 export default HttpError;

src/Model/Error/HttpErrorWithInvalidParameters.ts

@@ -7,6 +7,6 @@ class HttpErrorWithInvalidParameters extends HttpError {
         super({ title, detail, instance });
         this.invalidParameters = invalidParameters ?? [];
     }
-};
+}
 
 export default HttpErrorWithInvalidParameters;

src/Model/Error/InternalServerError.ts

@@ -1,6 +1,6 @@
 import HttpError from './HttpError';
 
 class InternalServerError extends HttpError {
-};
+}
 
 export default InternalServerError;

src/Model/Error/NetworkError.ts

@@ -1,6 +1,6 @@
 import HttpError from './HttpError';
 
 class NetworkError extends HttpError {
-};
+}
 
 export default NetworkError;

src/Model/Error/NotFound.ts

@@ -1,6 +1,6 @@
 import HttpError from './HttpError';
 
 class NotFound extends HttpError {
-};
+}
 
 export default NotFound;

src/Model/Error/UnprocessableEntity.ts

@@ -1,6 +1,6 @@
 import HttpErrorWithInvalidParameters from './HttpErrorWithInvalidParameters';
 
 class UnprocessableEntity extends HttpErrorWithInvalidParameters {
-};
+}
 
 export default UnprocessableEntity;

src/Model/Pet/PetFilters.ts

@@ -3,6 +3,6 @@ class PetFilters {
     constructor({ name }: { name?: string }) {
         this.name = name;
     }
-};
+}
 
 export default PetFilters;

src/Model/Pet/PetList.ts

@@ -20,6 +20,6 @@ class PetList {
         this._embedded = _embedded;
         this._links = _links;
     }
-};
+}
 
 export default PetList;

src/Model/Pet/PetRequest.ts

@@ -9,6 +9,6 @@ class PetRequest {
         this.tag = tag;
         this.vaccinations = vaccinations ?? [];
     }
-};
+}
 
 export default PetRequest;

src/Model/Pet/PetResponse.ts

@@ -14,6 +14,6 @@ class PetResponse extends PetRequest {
         this.updatedAt = updatedAt;
         this._links = _links ?? {};
     }
-};
+}
 
 export default PetResponse;

src/Model/Pet/Vaccination.ts

@@ -3,6 +3,6 @@ class Vaccination {
     constructor({ name }: { name: string }) {
         this.name = name;
     }
-};
+}
 
 export default Vaccination;