fix: remove dev version react and upgrade libs (#964)

package.json

@@ -33,64 +33,64 @@
   },
   "dependencies": {
     "@eleven-labs/design-system": "^0.6.2",
-    "@remix-run/router": "^1.5.0",
-    "algoliasearch": "^4.14.3",
+    "@remix-run/router": "^1.7.2",
+    "algoliasearch": "^4.19.1",
     "classnames": "^2.3.2",
-    "cross-fetch": "^3.1.5",
-    "downshift": "^7.2.2",
+    "cross-fetch": "^4.0.0",
+    "date-fns": "^2.30.0",
+    "downshift": "^8.0.0",
     "express": "^4.18.2",
-    "glob": "^10.2.1",
-    "hoofd": "^1.5.2",
-    "i18next": "^22.4.9",
-    "i18next-browser-languagedetector": "^7.0.1",
-    "i18next-http-middleware": "^3.2.2",
+    "glob": "^10.3.3",
+    "hoofd": "^1.7.0",
+    "i18next": "^23.2.11",
+    "i18next-browser-languagedetector": "^7.1.0",
+    "i18next-http-middleware": "^3.3.2",
     "react": "^18.2.0",
     "react-cookie": "^4.1.1",
     "react-dom": "^18.2.0",
     "react-ga": "^3.3.1",
-    "react-i18next": "^12.1.5",
-    "react-router-dom": "^6.10.0",
+    "react-i18next": "^13.0.2",
+    "react-router-dom": "^6.14.2",
     "react-share": "^4.4.1",
     "serve-static": "^1.15.0",
     "xml2js": "^0.6.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.12",
+    "@babel/core": "^7.22.9",
     "@elevenlabs/eslint-config": "^0.0.1",
-    "@octokit/core": "^4.2.1",
-    "@storybook/addon-actions": "^7.0.2",
-    "@storybook/addon-essentials": "^7.0.2",
-    "@storybook/addon-interactions": "^7.0.2",
-    "@storybook/addon-links": "^7.0.2",
-    "@storybook/react": "^7.0.2",
-    "@storybook/react-vite": "^7.0.2",
-    "@storybook/testing-library": "^0.1.0",
-    "@testing-library/jest-dom": "^5.16.5",
+    "@rollup/plugin-replace": "^5.0.2",
+    "@storybook/addon-actions": "^7.1.0",
+    "@storybook/addon-essentials": "^7.1.0",
+    "@storybook/addon-interactions": "^7.1.0",
+    "@storybook/addon-links": "^7.1.0",
+    "@storybook/react": "^7.1.0",
+    "@storybook/react-vite": "^7.1.0",
+    "@storybook/testing-library": "^0.2.0",
+    "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.0.0",
     "@types/express": "^4.17.17",
     "@types/i18next": "^13.0.0",
     "@types/js-yaml": "^4.0.5",
     "@types/markdown-it": "^12.2.3",
-    "@types/node": "^18.13.0",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
+    "@types/node": "^20.4.2",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
     "@types/react-i18next": "^8.1.0",
-    "@types/sanitize-html": "^2.8.1",
+    "@types/sanitize-html": "^2.9.0",
     "@types/xml2js": "^0.4.11",
-    "@vitejs/plugin-react": "^3.1.0",
-    "@vitest/coverage-c8": "^0.31.1",
-    "autoprefixer": "^10.4.13",
-    "babel-loader": "^8.3.0",
-    "date-fns": "^2.29.1",
-    "dotenv": "^16.0.3",
+    "@vitejs/plugin-react": "^4.0.3",
+    "@vitest/coverage-v8": "^0.33.0",
+    "autoprefixer": "^10.4.14",
+    "babel-loader": "^9.1.3",
+    "dotenv": "^16.3.1",
     "eslint": "^8.27.0",
     "feed": "^4.2.2",
     "gray-matter": "^4.0.3",
     "husky": "^8.0.3",
-    "jsdom": "^22.0.0",
-    "lint-staged": "^13.1.2",
-    "node-sass": "^8.0.0",
-    "postcss": "^8.4.21",
+    "jsdom": "^22.1.0",
+    "lint-staged": "^13.2.3",
+    "node-sass": "^9.0.0",
+    "postcss": "^8.4.26",
     "postcss-normalize": "^10.0.1",
     "postcss-scss": "^4.0.6",
     "prettier": "^2.7.1",
@@ -99,19 +99,19 @@
     "rehype-rewrite": "^3.0.6",
     "remark-parse": "^10.0.2",
     "remark-rehype": "^10.1.0",
-    "rollup-plugin-visualizer": "^5.9.0",
-    "sanitize-html": "^2.10.0",
-    "sass": "^1.58.1",
-    "storybook": "^7.0.2",
+    "rollup-plugin-visualizer": "^5.9.2",
+    "sanitize-html": "^2.11.0",
+    "sass": "^1.64.0",
+    "storybook": "^7.1.0",
     "stylelint": "^15.2.0",
     "stylelint-config-standard-scss": "^7.0.1",
     "ts-node": "^10.9.1",
     "typescript": "^4.7.4",
     "unified": "^10.1.2",
-    "vite": "^4.1.1",
-    "vite-tsconfig-paths": "^4.0.5",
-    "vitest": "^0.31.1",
+    "vite": "^4.4.5",
+    "vite-tsconfig-paths": "^4.2.0",
+    "vitest": "^0.33.0",
     "zod": "^3.21.4",
-    "zod-validation-error": "^1.3.0"
+    "zod-validation-error": "^1.3.1"
   }
 }

src/containers/CookieConsentContainer/useCookieConsentContainer.ts

@@ -50,14 +50,14 @@ export const useCookieConsentContainer = (): CookieConsentProps | undefined => {
   React.useEffect((): void => {
     if (cookies.hasConsent === undefined) {
       setCookieConsent({
-        title: t<string>('cookie_consent.title'),
-        description: t<string>('cookie_consent.description'),
+        title: t('cookie_consent.title'),
+        description: t('cookie_consent.description'),
         declineButton: {
-          label: t<string>('cookie_consent.button_decline_label'),
+          label: t('cookie_consent.button_decline_label'),
           onClick: declineCookieConsent,
         },
         acceptButton: {
-          label: t<string>('cookie_consent.button_accept_label'),
+          label: t('cookie_consent.button_accept_label'),
           onClick: acceptCookieConsent,
         },
       });

vite.config.ts

@@ -1,3 +1,4 @@
+import replace from '@rollup/plugin-replace';
 import react from '@vitejs/plugin-react';
 import { visualizer } from 'rollup-plugin-visualizer';
 import { defineConfig } from 'vite';
@@ -6,7 +7,15 @@ import tsconfigPaths from 'vite-tsconfig-paths';
 // https://vitejs.dev/config/
 export default defineConfig(({ mode, ssrBuild }) => ({
   plugins: [
-    react(),
+    replace({
+      preventAssignment: true,
+      'process.env.NODE_ENV': JSON.stringify(mode),
+    }),
+    mode === 'production'
+      ? react({
+          jsxRuntime: 'classic',
+        })
+      : react(),
     tsconfigPaths(),
     visualizer({ filename: `reports/bundle-${ssrBuild ? 'ssr' : 'client'}-${mode}-stats.html`, gzipSize: true }),
   ],