handleResize should not call setState when unmounted

I’m getting this console warning:

Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in %s.%sthe componentWillUnmount method
    in ImageGallery (created by Context.Consumer)

Tracked it down to the handleResize method calling setState.

[pa-ulander]

Hi, just to confirm, I have encountered the same issue. Cheers!

[Denis2222]

This bug appears when the gallery has just loaded and is unmounted

To reproduce it navigate to a page with gallery, and quickly push back button.

• /Homepage
• Click -> /User/9999 ( view with react-image-gallery component)
• ImageGallery:contruct
• ImageGallery:componentDidMount
• ImageGallery:initResizeObserver
• Quickly Click Back Button -> /Homepage
• ImageGallery:componentWillUnmount
• Homepage start render
• ImageGallery:handleResize ( From :initResizeObserver(element) {…} ) Warning: Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.

Not easy to reproduce but I am using your gallery for a school project. No error tolerated in the console.

Easy fix

componentWillUnmount() {
   this.setState = () => {}
   ...
}

In any case, well done for this component. Almost perfect ! Best react gallery.