Updated immer and removed polyfills

package.json

@@ -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",

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"