react-switch: Adjust signature to use ForwardRefComponent (#20093)

* Adds ForwardRefComponent to react-switch components declaration

* Change files

change/@fluentui-react-switch-c2b06fdf-4a4b-4510-909a-0554b6039369.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Adds ForwardRefComponent to react-switch components declaration",
+  "packageName": "@fluentui/react-switch",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react-switch/etc/react-switch.api.md

@@ -6,14 +6,15 @@
 
 import type { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
 import type { IntrinsicShorthandProps } from '@fluentui/react-utilities';
 import * as React_2 from 'react';
 
 // @public
 export const renderSwitch: (state: SwitchState) => JSX.Element;
 
 // @public
-export const Switch: React_2.ForwardRefExoticComponent<SwitchProps & React_2.RefAttributes<HTMLDivElement>>;
+export const Switch: ForwardRefComponent<SwitchProps>;
 
 // @public (undocumented)
 export interface SwitchCommons {

packages/react-switch/src/components/Switch/Switch.tsx

@@ -3,11 +3,12 @@ import { useSwitch } from './useSwitch';
 import { renderSwitch } from './renderSwitch';
 import { useSwitchStyles } from './useSwitchStyles';
 import type { SwitchProps } from './Switch.types';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
 
 /**
  * The Switch control enables users to trigger an option on or off through pressing on the component.
  */
-export const Switch = React.forwardRef<HTMLDivElement, SwitchProps>((props, ref) => {
+export const Switch: ForwardRefComponent<SwitchProps> = React.forwardRef((props, ref) => {
   const state = useSwitch(props, ref);
 
   useSwitchStyles(state);