upgrade packages to most recent versions

template.json

@@ -1,13 +1,12 @@
 {
   "package": {
     "dependencies": {
-      "@craco/craco": "^6.3.0",
       "@emotion/cache": "^11.10.5",
       "@emotion/react": "^11.10.5",
       "@emotion/server": "^11.10.0",
       "@emotion/styled": "^11.10.5",
-      "@formatjs/intl-pluralrules": "5.1.4",
-      "@formatjs/intl-relativetimeformat": "11.1.4",
+      "@formatjs/intl-pluralrules": "^5.2.4",
+      "@formatjs/intl-relativetimeformat": "^11.2.4",
       "@mui/icons-material": "^5.11.0",
       "@mui/lab": "^5.0.0-alpha.115",
       "@mui/material": "^5.11.4",
@@ -18,30 +17,31 @@
       "intl": "^1.2.5",
       "license-checker-webpack-plugin": "^0.2.1",
       "lodash": "^4.17.21",
-      "query-string": "^7.0.1",
+      "query-string": "^8.1.0",
       "react": "18.2.0",
       "react-dom": "18.2.0",
-      "react-intl": "6.2.1",
+      "react-intl": "^6.4.4",
       "react-query": "^3.39.3",
       "react-router": "^6.4.2",
       "react-router-dom": "^6.4.2",
       "react-scripts": "5.0.1",
-      "yup": "^0.32.11",
+      "yup": "^1.2.0",
       "zustand": "^4.3.7"
     },
     "devDependencies": {
+      "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+      "@craco/craco": "^7.1.0",
       "@types/lodash": "^4.14.175",
-      "@types/node": "^18.11.8",
-      "@types/react": "18.0.24",
-      "@types/react-dom": "18.0.8",
+      "@types/node": "^20.3.2",
+      "@types/react": "^18.2.14",
+      "@types/react-dom": "^18.2.6",
       "@types/react-router": "^5.1.17",
       "@types/react-router-dom": "^5.3.1",
-      "@types/webpack-env": "1.18.0",
+      "@types/webpack-env": "^1.18.1",
       "@types/jest": "^29.5.1",
-      "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
       "prettier": "^2.4.1",
-      "start-server-and-test": "^1.15.2",
-      "typescript": "^5.0.3"
+      "start-server-and-test": "^2.0.0",
+      "typescript": "^5.1.6"
     },
     "scripts": {
       "start": "craco start",

template/src/components/app/router/history.ts

@@ -1,4 +1,4 @@
-import * as queryString from "query-string";
+import queryString from "query-string";
 import { useNavigate } from "react-router-dom";
 
 type RouteOptions = {

template/src/hooks/useHashParams.ts

@@ -1,4 +1,4 @@
-import * as queryString from "query-string";
+import queryString from "query-string";
 
 // Parse the URLs hash param into an object of type T.
 // hash param keys that represent an array are provided in <arrayKeys>.

template/src/hooks/useQueryParams.ts

@@ -1,5 +1,5 @@
 import { compact } from "lodash";
-import * as queryString from "query-string";
+import queryString from "query-string";
 
 // Parse the URLs query param into an object of type T.
 // query param keys that represent an array are provided in <arrayKeys>.

template/tsconfig.json

@@ -20,7 +20,6 @@
     "noUnusedLocals": true /* Report errors on unused locals. */,
     "noUnusedParameters": false,
     "noFallthroughCasesInSwitch": true /* Report errors for fallthrough cases in switch statement. */,
-    "suppressImplicitAnyIndexErrors": true,
     "allowSyntheticDefaultImports": true /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */,
     "experimentalDecorators": false /* Enables experimental support for ES7 decorators. */,
     "useDefineForClassFields": true /* Emit ECMAScript-standard-compliant class fields. */,