Merge pull request #23940 from overleaf/td-react-18

Upgrade to React 18

GitOrigin-RevId: 9b81936e6eea2bccd97fe5c2c5841f0b946371b8

services/web/test/frontend/features/file-tree/components/file-tree-folder.spec.tsx

@@ -1,7 +1,7 @@
 import FileTreeFolder from '../../../../../frontend/js/features/file-tree/components/file-tree-folder'
 import { EditorProviders } from '../../../helpers/editor-providers'
 import { FileTreeProvider } from '../helpers/file-tree-provider'
-import { getContainerEl } from 'cypress/react'
+import { getContainerEl } from 'cypress/react18'
 import ReactDom from 'react-dom'
 
 describe('<FileTreeFolder/>', function () {

services/web/test/frontend/features/file-tree/helpers/file-tree-provider.tsx

@@ -1,9 +1,11 @@
 import { ComponentProps, FC, useRef, useState } from 'react'
 import FileTreeContext from '@/features/file-tree/components/file-tree-context'
 
-export const FileTreeProvider: FC<{
-  refProviders?: Record<string, boolean>
-}> = ({ children, refProviders = {} }) => {
+export const FileTreeProvider: FC<
+  React.PropsWithChildren<{
+    refProviders?: Record<string, boolean>
+  }>
+> = ({ children, refProviders = {} }) => {
   const [fileTreeContainer, setFileTreeContainer] =
     useState<HTMLDivElement | null>(null)