[Meta] React@18 legacy mode upgrade QA

[Dosant]

Shared UX team is working on React@18 upgrade.

We plan to upgrade in 2 phases:

1. Phase 1: Upgrade React packages to version 18 and keep running in Legacy mode, which should behave mostly similarly to React@17.
2. Phase 2: Gradually migrate to Concurrent mode.

We’re almost ready to complete phase 1:

• All types breaking changes have been addressed and Kibana is already using @types/react@18 in main
• We’re finishing fixing unit tests and breaking changes. Kibana is already using the latest @testing-library/react in main and we’re finalizing the breaking changes that are backward compatible and can be merged separately.
• We’ve addressed all runtime issues found by functional tests and CI functional tests are now green when running with React@18.

Kibana’s UI functional tests coverage and a very small number of discovered runtime issues give us a lot of confidence, but we would like to ask teams to help with manually testing their UIs to try to discover any UI issues that could have been missed by functional testing.

The purpose of this meta issue is to track any runtime issues caused by an upgrade to React@18 in Legacy Mode.

Runtime issues discovered by functional tests

• useId can't be used with querySelector
  • prefer attribute selector for selecting element ids #191632
  • [React@18 failing test] fix discover/group3 discover doc viewer flyout accessibility should use expected a11y attributes #196844
• Updating .value of controlled text input in useEffect is causes typing issues
  • [EuiSearchBox][React@18 Legacy Mode] useLayoutEffect in search_box eui#8047
  • [React@18] useLayoutEffect when setting value from a prop in react-monaco-editor #195775
• Controlled text input can't be async
  • [TableListView] Fix letters are skipped when typing fast #194009
• Issue due to non-pure reducer
  • [React@18 failing test] visualize app - new charts library visualize area charts date histogram when no time filter interval errors should show error when calendar interval invalid #196303
• Dataset Quality infinite re-render loop, render never stabilizes
  • [React@18 failing test] Navigate to dataset details should navigate to details page from a main page.  #196384 [React@18 failing tests] Dataset quality handles user privileges #197830
• useEffect must return undefined or destroy function, objects no longer allowed
  • [React@18] fix incorrect useEffect return value #195421

Issues discovered outside of functional tests

... Please add any issues that are found outside of functional tests ...

[elasticmachine]

Pinging @elastic/appex-sharedux (Team:SharedUX)