Adapt to React 18

[simonguo]

What's Changed

• Refactor toaster to use createRoot().render instead of React.render.
• Fix failing test cases under React 18.
• Use useId in accessibility.
• fix(Disclosure): prevent onmouseout from firing on child elements #2646
• refactor(virtualized): use react-window instead of react-virtualized #2661
• rsuite-table virtualized supports concurrent rendering (feat: adapt to react 18 rsuite-table#359)

Beta version released

• rsuite@5.17.0-beta

npm i rsuite@next

Examples

https://codesandbox.io/s/toaster-with-react-18-sql375
https://codesandbox.io/s/toaster-with-react-17-7vw790

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
rsuite-nextjs	✅ Ready (Inspect)	Visit Preview	Oct 25, 2022 at 11:20AM (UTC)

1 Ignored Deployment

Name	Status	Preview	Updated
rsuite-v4	⬜️ Ignored (Inspect)		Oct 25, 2022 at 11:20AM (UTC)

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit d156629:

Sandbox	Source
rsuite-tp-ci	Configuration
toaster with react 18	PR
toaster with react 17	PR

[codecov]

Codecov Report

Base: 85.65% // Head: 85.58% // Decreases project coverage by -0.07% ⚠️

Coverage data is based on head (d156629) compared to base (c57579a).
Patch coverage: 88.95% of modified lines in pull request are covered.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #2595      +/-   ##
==========================================
- Coverage   85.65%   85.58%   -0.08%     
==========================================
  Files         297      299       +2     
  Lines        9140     9218      +78     
  Branches     2588     2611      +23     
==========================================
+ Hits         7829     7889      +60     
- Misses        685      694       +9     
- Partials      626      635       +9     

Flag	Coverage Δ
ChromeCi	85.51% <87.73%> (-0.11%)	⬇️
Firefox	85.50% <87.73%> (-0.10%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
src/Overlay/OverlayTrigger.tsx	66.42% <ø> (ø)
src/Picker/PickerOverlay.tsx	95.83% <ø> (ø)
src/Picker/PickerToggle.tsx	96.25% <ø> (ø)
src/Picker/PickerToggleTrigger.tsx	100.00% <ø> (ø)
src/Tree/Tree.tsx	100.00% <ø> (ø)
src/Whisper/Whisper.tsx	100.00% <ø> (ø)
src/utils/treeUtils.ts	70.37% <ø> (ø)
src/Navbar/NavbarDropdownMenu.tsx	78.57% <33.33%> (-5.43%)	⬇️
src/Cascader/DropdownMenu.tsx	89.55% <50.00%> (ø)
src/MultiCascader/DropdownMenu.tsx	89.39% <50.00%> (ø)
... and 36 more

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

[SevenOutman]

PR is containing conflicts

[simonguo]

Release rsuite@5.19.0-beta.5

npm i rsuite@next

[simonguo]

Release rsuite@5.20.0-beta.6

npm i rsuite@next