Core - Add support for React 18

[jonkoops]

React 18 has been released, code will have to be adjusted to that it is officially supported.

Checklist

• Migrate from Enzyme to React Testing Library #6919
• Update @types/react and @types/react-dom ([react] React 18 types DefinitelyTyped/DefinitelyTyped#56210).
• Replace deprecated SFC type with FunctionComponent #7195
• Add correct types to instances of useCallback #7216
• Use workspace version of React for documentation #7217
• Automatically detect React version in ESLint #7218
• Add correct types for class components using context API #7282
• Add missing 'children' prop in several places #7363
• Add additional type-casts for React nodes #7402
• Add PropsWithChildren types to components with children
• Apply migrations from upgrade guide.
  • Switch to createRoot API for rendering #8027
  • Add support for React 18 patternfly-org#3203
• Check for incompatible dependencies and upgrade if necessary.
  • feat(VisualizationSurface): replace react-measure with react-resize-detector #7706
  • Update to React Router v5 for the demo app #7826
  • chore(react-code-editor): upgrade react-monaco-editor to latest version #8577
• Docs - Add guide to downgrade dependency #7303
• Correct types for examples #7821
• Correct types for demo app #7827

[tlabaj]

@jonkoops Thanks for opening this issue. We are in the process of investigating impact of supporting React 18 available in PF. Our initial investigation found that enzyme adapter does not support React 18. Here is the PR #6899
We are currently moving our testing to react-testng-library to remove that dependency. We have several PRs already in the works to do so.
When is your team looking to upgrade?

[jonkoops]

We're looking to update as soon as possible, but we also have dependencies that are not yet ready for React 18.

I'd like to help out with the upgrade so I've opened up a PR #7146 to do some ground work. It's open to collaborators so everyone can push commits to it. If you'd like we can coordinate our efforts there.

[tlabaj]

@jonkoops that is great that you would to collaborate. I am going to copy the "to do" list from your PR to the issue for tracking.

[mohd-akram]

Any update on this?

[jonkoops]

@nicolethoen could you re-open this issue? Looks like a closing keyword was used in #7706 so this was closed accidentally.

[siwinski]

Is there an ETA for React 18 support?

[nicolethoen]

React 18 will be supported officially with the next major release of PF, which is tentatively planned to be the first release of 2023.

I believe that this PR: #7146 made patternfly React 18 compatible, but I imagine there would still be hiccups fully incorporating it into a React 18 app until we can drop support for React 16 official with that next major release

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

[jonkoops]

Hmmm, I don't think this is stale. There is still some work to be done for proper React 18 support that I haven't gotten to (mostly dependencies).

[jonkoops]

Thanks @tlabaj!

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity.

[jonkoops]

React 18 support has landed a while ago, closing.