Carousel page prop not detecting changes to prop value.

[hollymiller525]

I'm submitting a ... (check one with "x")

[x ] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://forum.primefaces.org/viewforum.php?f=57

Codesandbox Case (Bug Reports)

https://codesandbox.io/s/jovial-bhabha-t9n4k

Current behavior
Currently the carousel page prop is not updating properly when the page prop data changes. It seems to be that the totalShiftedItems state is not being tracked, and therefore unable to scroll to active page.

Expected behavior
That's the page prop can support changes made to the prop value which would allow the carousel to detect which page should be the active slide, and scroll to the specified page.

Minimal reproduction of the problem with instructions

1. Provide state to the page prop.
2. Update the state to the page prop.
3. Will see the issue as the updated state is not being tracked and no re-rendering.

React version:
16.13.0
PrimeReact version:
4.2.2
Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]