feat: upgrade react-i18next HP-2410

codegen.yml

@@ -15,10 +15,6 @@ config:
   dedupeOperationSuffix: true
   preResolveTypes: true
   skipTypeNameForRoot: true
-
-  #typescript-react-apollo
-  withHooks: true
-  withComponent: false
 generates:
   ./src/graphql/generatedTypes.ts:
     plugins:
@@ -30,4 +26,3 @@ generates:
             - '// This file was automatically generated and should not be edited.'
       - 'typescript'
       - 'typescript-operations'
-      - 'typescript-react-apollo'

package.json

@@ -36,7 +36,7 @@
     "dompurify": "^2.2.9",
     "dotenv": "^16.4.5",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.2",
+    "enzyme-adapter-react-16": "^1.15.8",
     "enzyme-to-json": "^3.5.0",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^8.5.0",
@@ -49,6 +49,7 @@
     "file-saver": "^2.0.2",
     "formik": "^2.0.4",
     "graphql": "^15.8.0",
+    "graphql-tag": "2.12.6",
     "hds-core": "^3.6.0",
     "hds-design-tokens": "^3.6.0",
     "hds-react": "^3.6.0",
@@ -65,7 +66,7 @@
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-helmet": "^6.0.0",
-    "react-i18next": "^11.18.6",
+    "react-i18next": "^14.1.1",
     "react-router": "^5.1.2",
     "react-router-dom": "^5.1.2",
     "ts-node": "^10.9.2",
@@ -112,7 +113,6 @@
     "@graphql-codegen/cli": "^5.0.2",
     "@graphql-codegen/typescript": "^4.0.6",
     "@graphql-codegen/typescript-operations": "^4.2.0",
-    "@graphql-codegen/typescript-react-apollo": "^4.3.0",
     "@vitest/coverage-istanbul": "^1.3.1",
     "cross-env": "^7.0.3",
     "helsinki-utils": "City-of-Helsinki/helsinki-utils-js#0.1.0",

src/BrowserApp.tsx

@@ -9,7 +9,6 @@ import { disableTrackingCookiesUntilConsentGiven } from './common/helpers/tracki
 
 function BrowserApp(): React.ReactElement {
   disableTrackingCookiesUntilConsentGiven();
-
   return (
     <I18nextProvider i18n={i18n}>
       <BrowserRouter>

src/common/test/commonTestRuns.ts

@@ -1,5 +1,5 @@
 import { FetchMock } from 'vitest-fetch-mock';
-import { TFunction } from 'react-i18next';
+import { TFunction } from 'i18next';
 
 import { UpdateMyProfileMutationVariables } from '../../graphql/generatedTypes';
 import { ProfileData } from '../../graphql/typings';

src/cookieConsents/cookieContentSource.ts

@@ -1,5 +1,5 @@
 import { ContentSource } from 'hds-react';
-import { TFunction } from 'react-i18next';
+import { TFunction } from 'i18next';
 
 export const trackingCookieId = 'matomo';