Images are loading on page only when I click refresh in browser

[shridhiaggarwal]

Images grid is blank. when I am navigation through the navbar.
It is loading the images on page only when I click refresh in browser.

Here code:
const transition = transitions.fadeUp; <StackGrid monitorImagesLoaded columnWidth="33.33%" duration={600} gutterWidth={16} gutterHeight={16} easing={easings.cubicOut} appear={transition.appear} appeared={transition.appeared} enter={transition.enter} entered={transition.entered} leaved={transition.leaved} > {images.map((image) => { return ( <div key={image.id}> <img src={image.url} alt={image.description} /> </div> ); })} </StackGrid>