feat!: migrate to react 18 (#827)

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

.gitignore

@@ -14,6 +14,10 @@ pids
 # Directory for instrumented libs generated by jscoverage/JSCover
 lib-cov
 
+# Intellij
+.idea
+*.iml
+
 # Coverage directory used by tools like istanbul
 coverage
 

package.json

@@ -46,8 +46,8 @@
     "@testing-library/react": "^11.0.4",
     "@types/faker": "^5.1.0",
     "@types/jest": "^26.0.10",
-    "@types/node": "^14.14.41",
-    "@types/react": "^17.0.3",
+    "@types/node": "^17.0.29",
+    "@types/react": "^18.0.8",
     "@typescript-eslint/eslint-plugin": "^4.2.0",
     "@typescript-eslint/parser": "^4.2.0",
     "bundlesize": "^0.18.1",
@@ -61,16 +61,16 @@
     "faker": "^5.0.0",
     "jest": "^25.3.0",
     "jest-cli": "^26.0.1",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
     "ts-jest": "^25.3.1",
     "ts-node-dev": "^1.0.0-pre.40",
     "typedoc": "^0.20.5",
     "typedoc-plugin-markdown": "^3.0.3",
-    "typescript": "^3.5.3"
+    "typescript": "^4.6.3"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0"
+    "react": "^16.8.0 || ^18.1.0",
+    "react-dom": "^16.8.0 || ^18.1.0"
   }
 }

src/AuthContext.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useState, useEffect, useRef } from 'react';
+import React, { FC, useState, useEffect, useRef, PropsWithChildren } from 'react';
 import { UserManager, User } from 'oidc-client';
 import {
   Location,
@@ -70,7 +70,7 @@ export const initUserManager = (props: AuthProviderProps): UserManager => {
  *
  * @param props AuthProviderProps
  */
-export const AuthProvider: FC<AuthProviderProps> = ({
+export const AuthProvider: FC<PropsWithChildren<AuthProviderProps>> = ({
   children,
   autoSignIn = true,
   onBeforeSignIn,