Merge branch 'renovate/major-react-monorepo' into 'dev'

fix(deps): update react monorepo to v18 (major)

See merge request !117

package.json

@@ -35,7 +35,7 @@
     "@types/draftjs-to-html": "^0.8.1",
     "@types/html-to-draftjs": "^1.4.0",
     "@types/luxon": "^3.0.0",
-    "@types/react-draft-wysiwyg": "^1.13.4",
+    "@types/react-draft-wysiwyg": "^1.13.8",
     "@vitejs/plugin-react-swc": "^3.4.0",
     "ag-grid-community": "^30.0.0",
     "ag-grid-react": "^30.0.0",
@@ -46,8 +46,8 @@
     "draftjs-to-html": "^0.9.1",
     "html-to-draftjs": "^1.5.0",
     "luxon": "^3.0.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-draft-wysiwyg": "^1.15.0",
     "react-query": "^3.39.3",
     "react-router-dom": "^6.0.0",
@@ -61,8 +61,8 @@
   },
   "devDependencies": {
     "@types/node": "^18.0.0",
-    "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
+    "@types/react": "^18.2.77",
+    "@types/react-dom": "^18.2.25",
     "@typescript-eslint/eslint-plugin": "^6.1.0",
     "@typescript-eslint/parser": "^6.1.0",
     "@vitejs/plugin-basic-ssl": "^1.0.1",

src/components/Consents/Consents.tsx

@@ -66,7 +66,7 @@ export const Consents: React.FC<{ type: 'sge' | 'grdf' }> = ({ type }) => {
     },
     []
   )
-  const handleChangeRowsPerPage = useCallback(event => {
+  const handleChangeRowsPerPage = useCallback((event: any) => {
     setRowsPerPage(event.target.value)
     setPage(0)
   }, [])

src/components/Popups/Popups.tsx

@@ -229,7 +229,7 @@ const Popups: React.FC = () => {
     }
     setCustomPopup(prev => ({
       ...prev,
-      endDate: newDate.toISO(),
+      endDate: newDate.toISO() || '',
     }))
   }, [popupDuration])
 

src/index.tsx

-import React from 'react'
-import ReactDOM from 'react-dom'
-import './styles/index.scss'
+import { createRoot } from 'react-dom/client'
 import App from './App'
 import reportWebVitals from './reportWebVitals'
+import './styles/index.scss'
 
-ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
-)
+const container = document.getElementById('root')
+const root = createRoot(container!)
+root.render(<App />)
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))