feat(react): update to React 18

[tay1orjones]

Closes #13220

Changelog

Changed

• Update peerDependency range for React to include v18 (in addition to v16 and v17)
• Update devDependencies in published packages to use React 18
• Update all examples to use React 18 by default
• Update @testing-library deps to latest major version
  • Update tests to use new promise-based API in user-event - every interaction via userEvent must now use await
• Update our test-utils to use the createRoot api

Testing / Reviewing

• Local storybook and build should succeed using React 18
• CI checks should pass

Known issues, do not prevent merge

• Storybook isn't detecting v18 and using the new createRoot API, so there's a console warning in storybook. This warning is present in versions <7 because storybook only updated their UI to react 18 in v7, it is safe to ignore. see Add support for React 18 storybookjs/storybook#17831 (comment)
  • This has been added to be addressed in Storybook 7: Explore update #13379

Click here to view the errors we had to address with this

• Fix failing tests
  • Copy-test.js - 🐳
  • CopyButton-test.js - 🐳
  • StructuredList-test.js 🐳
  • packages/react/src/components/DataTable/tests/exports-test.js
  • useDisclosure-test.js 🐳
  • FileUploader-test.js 🐳
  • FileUploaderButton-test.js 🐳
  • Modal-test.js 🐳
  • ModalWrapper-test.js 🐳
  • Multiselect-test.js 🐳
  • Switch-test.js - 🐳
  • Treeview-test.js
  • Anywhere we use render, or clean from packages/test-utils/react.js may need to be refactored to use @testing-library/react instead
    • AspectRatio tests need refactored to use @testing-library/react
    • CodeSnippet.Skeleton-test.js - TJ
    • ErrorBoundary-test.js - Francine
    • Filename-test.js - Andrea
    • FileUploader-test.js - Ale
    • FileUploaderButton-test.js - TJ
    • FileUploaderDropContainer-test.js
    • FileUploaderItem-test.js - Taylor
    • FileUploaderSkeleton-test.js - Taylor
    • Grid-test.js - Taylor
    • Row-test.js - Taylor
    • useId-test.js - Taylor

[netlify]

✅ Deploy Preview for carbon-components-react ready!

Name	Link
🔨 Latest commit	6f396a0
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-components-react/deploys/64351ff067c55700084883ff
😎 Deploy Preview	https://deploy-preview-13332--carbon-components-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	6f396a0
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/64351ff067c5570008488401
😎 Deploy Preview	https://deploy-preview-13332--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[alisonjoseph]

Everything is running as expected locally and tests are passing! 🔥

[alisonjoseph]

Looks like there's a conflict in one file @tay1orjones @francinelucca

[tw15egan]

@francinelucca I believe its because I moved the Switch-test.js file inside a new __tests__ folder in Switch

Ref: https://github.com/carbon-design-system/carbon/pull/13378/files#diff-c666fd460093fad8eb023239785f8ce16642cc7df125f3adc4bbc1feb8eea203

[francinelucca]

Solved! @alisonjoseph @tw15egan

[tw15egan]

🔥 🔥