[Umbrella] React 18 Support

[joshblack]

This issue is an umbrella for all issues associated with internally updating PRC to use React 18. As tasks, or group of tasks, are worked on the issues will be generated and replace the checklist below.

Note
Teams may use @primer/react with React 18, this issue specifically tracks internal changes and updates that need to be made.

This plan will be broken up into several stages:

• Update the project to use React 18 by default, but make sure to still test against React 17 and still support those versions as peerDependencies
• Update the dependencies of the project so that we can run React 18 and React 17
  • Where applicable, add conditional fallbacks for React 18 behavior for React 17
• In the next major release of @primer/react:
  • Switch from React 17 to React 18 as the baseline version
  • Remove any fallback code relevant to React 17

Checklist

• Testing feat(project): update project to use React 18 #2661 test(project): update tests for React 18 #2673
  • Update enzyme code to use React Testing Library #2581
  • Update @testing-library/react to latest version for React 18 support
  • Update failing test suites
    • src/drafts/MarkdownEditor/MarkdownEditor.test.tsx
    • src/hooks/__tests__/useMedia.test.tsx
    • src/__tests__/ThemeProvider.test.tsx
  • Add job to CI workflow for testing against React 17
• Storybook Update deps for React 18 compatability #2674
  • Remove @whitespace/storybook-addon-html from storybook #2582
  • Remove storybook-addon-performance@0.16.1
• Types refactor(project): update TypeScript definitions for React 18 #2664
  • [Update types to interop between 17 and 18 and ease migration]
  • [React 18] ButtonClose type declarations are invalid #2621
  • [React 18] Ref type from useDetails is not compatible with Details #2620
  • @primer/react/lib-esm/deprecated/DropdownMenu/DropdownButton.d.ts type does not satisfy constraint
  • @primer/react/lib-esm/deprecated/SelectMenu/SelectMenu.d.ts type does not satisfy constraint
• Enhancements
  • SSR
    • Update components from useSSRSafeId to a custom useId() that uses React.useId() but with a fallback in React 17 feat(project): update to React 18 for development #2675
  • Suspense support
    • Slot causing problems with suspense in react 18 #2688

[github-actions]

Hi! This issue has been marked as stale because it has been open with no activity for 180 days. You can comment on the issue or remove the stale label to keep it open. If you do nothing, this issue will be closed in 7 days.