I have modal which displays the image slider, i have a button that is called 'next post' which should render a new image slider and other info in the modal.

what happens is the slider gets re-rendered, the bullet points reflect the right number of new images in the new post, but the new images do not render unless i click the slider nav buttons. Can anyone help?

 const nextPost = () => {
 setPostImageArray(posts[postIndex + 1].images);
 setPostCaption(posts[postIndex + 1].caption);
 setPostIndex(postIndex + 1);
 };

Screenshot 2022年04月11日 at 16 25 12