[Bug][Stepper] Programmatically adding a step does not reconfigure the ProggressBar

[Yanko-Georgiev]

Description

The ProgressBar inside the Stepper does not update accordingly when the steps of the Stepper are programmatically increased.

Steps To Reproduce

1. Open the following example: https://stackblitz.com/edit/react-w38drb5g?file=app%2Fapp.jsx
2. Click the Add Step button
3. Notice the issue

Screenshots or video

Actual Behavior

The value of the Stepper and ProgressBar inside of it are not matching after a step is added to the Stepper.

Expected Behavior

The values for the Step and the ProgressBar should be the same.

Reported in TicketID: 1679865

[Yanko-Georgiev]

To ensure proper re-rendering of the component and all its parts when the steps change. You need to add the key property and reset it when the steps are updated:

https://stackblitz.com/edit/react-w38drb5g-wp5vlksz?file=app%2Fapp.jsx