React 18 Consumption Epic

[micahgodbolt]

This epic will start tracking the work involved for

• Consumption in React 18 projects

Consumption issues found

Fluent UI 9

• Create React 18 test project inside of repo #23872
• [Bug]: StrictMode breaks v9 theming #23625
• Ensure that useInsertionEffect works properly in CRA and Emotion
• useTabster is unsafe for strict mode/concurrent rendering in React 18 #24085
• Add entire react-components package to v9 test app and fix typing issues #24973 [Blocked]
• Bump react-component peer-deps to support React 18 #24971

Fluent UI 8

• Create testing enviroment for Fluent UI v8 and React 18
• V8 Callouts do not render in React 18 Strict Mode #24041
• Dialog and DialogFooter. Property 'children' does not exist on type 'IntrinsicAttributes & IDialogProps'
• Teaching bubble missing children prop
• Bump react peer-deps to support React 18 #24975

[yume-chan]

Will FluentUI v8 get React 18 support or only FluentUI v9?

[micahgodbolt]

Will FluentUI v8 get React 18 support or only FluentUI v9?

Yes, v8 and v9 will support React 18 as soon as we are confident that the controls will work in the new React version.

[joaomoreno]

@micahgodbolt Looking forward to this, any updates?

[micahgodbolt]

@joaomoreno PRs were just merged to update our peer deps. We're as confident as we're able to be about React 18 consumption, so test away and please give us any feedback.

[micahgodbolt]

Going to close this epic down as the focus was to enable consumption in React 18.

[JamesBurnside]

PRs were just merged to update our peer deps

@micahgodbolt thanks for making this change! When do you expect to do your next stable npm release with the update?

[antonandreyev]

@micahgodbolt react-hooks package still has react <18 in peer deps

[micahgodbolt]

React hooks was updated in #25278