Stepper: onChange function doesn't work

[espezaliate]

Describe the bug

The onChange function doesn't do anything. Also would be nice to have access to total steps and maybe last, previous, next.

Reproducer

https://stackblitz.com/edit/rp5vx5?file=src%2FApp.tsx

PrimeReact version

10.6.3

React version

17.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[Rekl0w]

In the code, buttons manually controlling the navigation between steps using the nextCallback and prevCallback methods. These methods do not trigger the onChange event.

If you want to execute some code when the step changes, you could do this within the onClick handlers of your "Next" and "Back" buttons.

<Button label="Next" icon="pi pi-arrow-right" iconPos="right" onClick={() => { stepperRef.current.nextCallback(); console.log('Step changed to: ' + (stepperRef.current.state.activeIndex + 1)); }} />

[espezaliate]

I'm referencing this part of the stepper api documentation:

[espezaliate]

In the code, buttons manually controlling the navigation between steps using the nextCallback and prevCallback methods. These methods do not trigger the onChange event.

If you want to execute some code when the step changes, you could do this within the onClick handlers of your "Next" and "Back" buttons.

<Button label="Next" icon="pi pi-arrow-right" iconPos="right" onClick={() => { stepperRef.current.nextCallback(); console.log('Step changed to: ' + (stepperRef.current.state.activeIndex + 1)); }} />

also, I'm unable to access state through the ref, the only available functions it reveals are next previous and get element

[melloware]

Submitted a PR to add getActiveStep() and setActiveStep(step) to the ref.

[ivaneliasoo]

Hi, I'm facing this issue too, and I believe that problem is the event name so it must be wrong in documentation ("onChange") or in code ("onChangeStep") , so using "onChangeStep" works correctly but with type errors

but no event info is returned, only index info

[melloware]

@ivaneliasoo I just fixed it for next release: #6546

[rahulAnand1999]

how to stop navigation from the header @Rekl0w