From 615f2aabc6fc28b0f377925e2ee688b7147d2095 Mon Sep 17 00:00:00 2001
From: Rafael <3980119+advancewarsbest@users.noreply.github.com>
Date: Thu, 9 Feb 2023 23:45:33 -0800
Subject: [PATCH] Fix missing icons on overflowset

This PR is for Fluent UI React 7.X

The overflowset custom examples overflow icons are not showing up, this resolves that.

tested using the codepen link from the website.

https://developer.microsoft.com/en-us/fluentui?fabricVer=8#/controls/web/overflowset
---
 .../OverflowSet/OverflowSet.Custom.Example.tsx       | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/react-examples/src/office-ui-fabric-react/OverflowSet/OverflowSet.Custom.Example.tsx b/packages/react-examples/src/office-ui-fabric-react/OverflowSet/OverflowSet.Custom.Example.tsx
index e61ad5245d4340..58feff7cd175dc 100644
--- a/packages/react-examples/src/office-ui-fabric-react/OverflowSet/OverflowSet.Custom.Example.tsx
+++ b/packages/react-examples/src/office-ui-fabric-react/OverflowSet/OverflowSet.Custom.Example.tsx
@@ -65,12 +65,12 @@ export const OverflowSetCustomExample: React.FunctionComponent = () => (
             {
               key: 'emailMessage',
               name: 'Email message',
-              icon: 'Mail',
+              iconProps: { iconName: 'Mail' },
             },
             {
               key: 'calendarEvent',
               name: 'Calendar event',
-              icon: 'Calendar',
+              iconProps: { iconName: 'Calendar' },
             },
           ],
         },
@@ -92,25 +92,25 @@ export const OverflowSetCustomExample: React.FunctionComponent = () => (
       {
         key: 'move',
         name: 'Move to...',
-        icon: 'MoveToFolder',
+        iconProps: { iconName: 'MoveToFolder' },
         onClick: noOp,
       },
       {
         key: 'copy',
         name: 'Copy to...',
-        icon: 'Copy',
+        iconProps: { iconName: 'Copy' },
         onClick: noOp,
       },
       {
         key: 'rename',
         name: 'Rename...',
-        icon: 'Edit',
+        iconProps: { iconName: 'Edit' },
         onClick: noOp,
       },
       {
         key: 'disabled',
         name: 'Disabled...',
-        icon: 'Cancel',
+        iconProps: { iconName: 'Cancel' },
         disabled: true,
         onClick: noOp,
       },