Dots don't scroll to the active one on render.

[N0deNinja]

Replicate
Expected Behavior:
The pagination dots container within our app's AppCarousel component should scroll to the active item when the component renders, ensuring that the active item is visible within the dots container.

Actual Behavior:
The dots container does not scroll to the active item on render if it is further than the visible dots, requiring a manual swipe to trigger the scroll animation.

Additional Information:

This issue affects the user experience within our app, as it does not provide a clear indication of the current active item.
The issue can be reproduced consistently when the active item is set before rendering.

Environment:

React Native