[Bug]: After version 9.54.1, bundleIcon required additional parameter to create composite icon!!!!!

[pradeept95]

Library

React Components / v9 (@fluentui/react-components)

System Info

NA

Are you reporting Accessibility issue?

no

Reproduction

https://stackblitz.com/run?file=src%2Fexample.tsx

Bug Description

Actual Behavior

after V9.54.1, the bundleIcon added one more prams while creating composite icon called "LightIcon" which causing all application incompatible with v9.54.1 and above.

Expected Behavior

bundleIcon should not add more parameter without providing support for existing behavior

Logs

Expected 3 arguments, but got 2.(2554)
bundleIcon.d.ts(2, 77): An argument for 'LightIcon' was not provided.
(alias) bundleIcon(FilledIcon: FluentIcon, RegularIcon: FluentIcon, LightIcon: FluentIcon): FluentIcon
import bundleIcon

Requested priority

High

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[layershifter]

Linking with microsoft/fluentui-system-icons#727

[christophepeerens]

Hello,

Since not finding the Light icon, I tried to define the Regular one twice.

const EditIcon = bundleIcon(EditFilled, EditRegular, EditRegular);

<Button
    icon={<EditIcon />}
    appearance="subtle"
    aria-label={t('Edit')}
/>

But the button displays the icon twice!

[techienickb]

Work around for anyone with this issue, override fluent ui icons back to before this breaking change, add this to your package.json

   "overrides": {
      "@fluentui/react-icons": "2.0.243"
   },

[tomi-msft]

PR to revert the change: microsoft/fluentui-system-icons#728

[tomi-msft]

Fixed in latest version of @fluentui/react-icons