Støtt React 18. Release 6.4.0

brukerapi-mock/package.json

@@ -2,7 +2,7 @@
   "name": "@navikt/arbeidsgiver-notifikasjoner-brukerapi-mock",
   "description": "Mocker graphql-endepunkt for brukerapi. Nyttig for utvikling av @navikt/arbeidsgiver-notifikasjon-widget.",
   "repository": "github:navikt/arbeidsgiver-notifikasjon-widget",
-  "version": "6.3.9",
+  "version": "6.4.0",
   "license": "MIT",
   "main": "dist/notifikasjonMockMiddleware.js",
   "files": [

component/package.json

@@ -2,7 +2,7 @@
   "name": "@navikt/arbeidsgiver-notifikasjon-widget",
   "description": "React component for notifikasjoner for arbeidsgivere",
   "repository": "github:navikt/arbeidsgiver-notifikasjon-widget",
-  "version": "6.3.9",
+  "version": "6.4.0",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
   "types": "./lib/esm/lib/esm/index.d.ts",
@@ -40,8 +40,8 @@
     "typescript": "^4.8.4"
   },
   "peerDependencies": {
-    "react": "17",
-    "react-dom": "17",
+    "react": "17 | 18",
+    "react-dom": "17 | 18",
     "@navikt/ds-css": ">=2",
     "@navikt/ds-icons": ">=2",
     "@navikt/ds-react": ">=2"

component/src/utils/amplitude.tsx

@@ -1,6 +1,6 @@
 import amplitude, {AmplitudeClient} from 'amplitude-js'
 import {Notifikasjon} from '../api/graphql-types'
-import React, {createContext, FC, useContext, useMemo} from "react";
+import React, {createContext, ReactNode, useContext, useMemo} from "react";
 import {Miljø} from "../index";
 
 const createAmpltiudeInstance = (apiKey: string) => {
@@ -79,9 +79,10 @@ const AmplitudeContext = createContext(createAmplitudeLogger(stubbedAmplitudeCli
 
 type Props = {
   miljo: Miljø,
+  children: ReactNode,
 }
 
-export const AmplitudeProvider: FC<Props> = ({miljo, children}) => {
+export const AmplitudeProvider = ({miljo, children}: Props) => {
   const client = useAmplitudeClient(miljo)
   const logger = createAmplitudeLogger(client)
   return <AmplitudeContext.Provider value={logger}>