feat(react-utilities): add custom RefAttributes interface which is used within ForwardRefComponent to mitigate React.RefAttributes expansion causing breaking changes in v8/v9 mixed context - shipped as patch release in @types/react@18.2.61

[Hotell]

Previous Behavior

New Behavior

Introduces a custom RefAttributes type to address compatibility issues with React.RefAttributes across different versions of React (17, 18, and 19).

The changes ensure consistent types for ref props in components and mitigate type issues caused by breaking union extension changes in React's type definitions (RefAttributes ref property) (see DefinitelyTyped/DefinitelyTyped#68720).

Uses the new RefAttributes type as part of ForwardRefComponent to ship deterministic type no matter what @types/react version is used

Before:

import * as React from 'react';

interface Props extends React.RefAttributes<HTMLElement> {}

const Component = React.forwardRef<HTMLElement,Props>((props,ref)=>{...});

After:

import * as React from 'react';
import type { RefAttributes, ForwardRefComponent } from '@fluentui/react-utilities';

interface Props extends RefAttributes<HTMLElement> {}

// Don't instatiate forwardRef generic, rather cast to ForwardRefComponent
const Component = React.forwardRef((props,ref)=>{...}) as ForwardRefComponent<Props>;

Related Issue(s)

• Part of feat(react-components): add react 18 support #34456

[github-actions]

Pull request demo site: URL

[github-actions]

📊 Bundle size report

✅ No changes found