Merge pull request #2575 from Amsterdam/improvement/removed-polyfills

Improvement/removed polyfills

package.json

@@ -31,7 +31,7 @@
  "@amsterdam/wonen-ui": "^1.0.53",
  "@material-ui/core": "^4.12.4",
  "@material-ui/icons": "^4.11.3",
- "@testing-library/jest-dom": "^5.16.5",
+ "@testing-library/jest-dom": "^ 6.4.5",
  "@testing-library/react": "^12.1.5",
  "@testing-library/react-hooks": "^8.0.1",
  "@testing-library/user-event": "^14.4.3",
@@ -51,15 +51,14 @@
  "eslint-config-react-app": "^7.0.1",
  "final-form": "^4.20.10",
  "final-form-arrays": "^3.0.2",
- "immer": "^9.0.16",
+ "immer": "^10.1.1",
  "keycloak-js": "^24.0.1",
  "lodash.debounce": "^4.0.8",
  "lodash.isempty": "^4.4.0",
  "lodash.merge": "^4.6.2",
  "moment": "^2.29.4",
  "qs": "^6.11.2",
  "react": "^17.0.2",
- "react-app-polyfill": "^3.0.0",
  "react-dom": "^17.0.2",
  "react-final-form": "^6.5.9",
  "react-final-form-arrays": "^3.1.4",
@@ -120,7 +119,7 @@
  "./src"
  ],
  "setupFilesAfterEnv": [
- "@testing-library/jest-dom/extend-expect"
+ "@testing-library/jest-dom"
  ]
  }
 }

src/app/components/shared/Form/ShowHide/ShowHide.tsx

@@ -1,6 +1,6 @@
 
 import { useEffect } from "react"
-import produce from "immer"
+import { produce } from "immer"
 import { useFormState, useForm } from "react-final-form"
 import { FormState } from "final-form"
 import { Dimensions, Responsive } from "@amsterdam/amsterdam-react-final-form"

src/app/state/flashMessages/hooks/useFlashMessagesReducer.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, ReactNode, useCallback, useEffect, useReducer } from "react"
 import { useLocation } from "react-router-dom"
-import produce from "immer"
+import { produce } from "immer"
 import { Alert } from "@amsterdam/asc-ui"
 
 export type FlashMessage = ComponentProps<typeof Alert>

src/app/state/rest/hooks/useApiCache.ts

@@ -1,5 +1,5 @@
 import { useCallback, useReducer } from "react"
-import produce from "immer"
+import { produce } from "immer"
 
 export type ApiCacheItem = {
  valid: boolean

src/app/state/rest/hooks/useRequestQueue.tsx

@@ -1,5 +1,5 @@
 import { useReducer, useCallback, useEffect, useState } from "react"
-import produce from "immer"
+import { produce } from "immer"
 
 type QueuedPromise = () => Promise<any>
 

src/index.tsx

@@ -1,5 +1,3 @@
-import "./polyfills/"
-
 import { StrictMode } from "react"
 import ReactDOM from "react-dom"
 import App from "./App"