From 9885b32d402e67d5bb59b60603ee2dc51ec2a2ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9?= <39736248+andrefcdias@users.noreply.github.com>
Date: Mon, 6 Jun 2022 11:46:53 +0200
Subject: [PATCH] feat: extend Slot to support VoidFunctionComponents

---
 ...act-utilities-636b4fe0-b6f1-4d47-bc86-3e31c41ff2e3.json | 7 +++++++
 .../react-utilities/etc/react-utilities.api.md             | 2 +-
 .../react-components/react-utilities/src/compose/types.ts  | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 change/@fluentui-react-utilities-636b4fe0-b6f1-4d47-bc86-3e31c41ff2e3.json

diff --git a/change/@fluentui-react-utilities-636b4fe0-b6f1-4d47-bc86-3e31c41ff2e3.json b/change/@fluentui-react-utilities-636b4fe0-b6f1-4d47-bc86-3e31c41ff2e3.json
new file mode 100644
index 00000000000000..d9acbe3782cebe
--- /dev/null
+++ b/change/@fluentui-react-utilities-636b4fe0-b6f1-4d47-bc86-3e31c41ff2e3.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "feat: add void function component support to slots",
+  "packageName": "@fluentui/react-utilities",
+  "email": "39736248+andrefcdias@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-utilities/etc/react-utilities.api.md b/packages/react-components/react-utilities/etc/react-utilities.api.md
index fc6848158a53d9..e29ce0b72be974 100644
--- a/packages/react-components/react-utilities/etc/react-utilities.api.md
+++ b/packages/react-components/react-utilities/etc/react-utilities.api.md
@@ -94,7 +94,7 @@ export type ResolveShorthandOptions<Props, Required extends boolean = false> = {
 export function shouldPreventDefaultOnKeyDown(e: KeyboardEvent | React_2.KeyboardEvent): boolean;
 
 // @public
-export type Slot<Type extends keyof JSX.IntrinsicElements | React_2.ComponentType | UnknownSlotProps, AlternateAs extends keyof JSX.IntrinsicElements = never> = IsSingleton<Extract<Type, string>> extends true ? WithSlotShorthandValue<Type extends keyof JSX.IntrinsicElements ? {
+export type Slot<Type extends keyof JSX.IntrinsicElements | React_2.ComponentType | React_2.VoidFunctionComponent | UnknownSlotProps, AlternateAs extends keyof JSX.IntrinsicElements = never> = IsSingleton<Extract<Type, string>> extends true ? WithSlotShorthandValue<Type extends keyof JSX.IntrinsicElements ? {
     as?: Type;
 } & WithSlotRenderFunction<IntrisicElementProps<Type>> : Type extends React_2.ComponentType<infer Props> ? WithSlotRenderFunction<Props> : Type> | {
     [As in AlternateAs]: {
diff --git a/packages/react-components/react-utilities/src/compose/types.ts b/packages/react-components/react-utilities/src/compose/types.ts
index aed567548e3a93..2833baea5a140a 100644
--- a/packages/react-components/react-utilities/src/compose/types.ts
+++ b/packages/react-components/react-utilities/src/compose/types.ts
@@ -95,7 +95,7 @@ type IntrisicElementProps<Type extends keyof JSX.IntrinsicElements> = React.Prop
  * ```
  */
 export type Slot<
-  Type extends keyof JSX.IntrinsicElements | React.ComponentType | UnknownSlotProps,
+  Type extends keyof JSX.IntrinsicElements | React.ComponentType | React.VoidFunctionComponent | UnknownSlotProps,
   AlternateAs extends keyof JSX.IntrinsicElements = never
 > = IsSingleton<Extract<Type, string>> extends true
   ?