Unmounting <Image /> throws an error

[Hless]

Current behaviour

Unmounting an <Image /> component produces the following error:

mapbox-gl.js:23344 Uncaught TypeError: Cannot read property 'removeImage' of undefined
    at r.removeImage (mapbox-gl.js:23344)
    at Function.Image.removeImage (image.js:96)
    at Image.componentWillUnmount (image.js:42)
    ... 

Expected behaviour

Be able to unmount an Image component without errors.

Possible solution

Also check for undefined style in when unmounting the Image component:
if (map && getStyle()) {

See:

react-mapbox-gl/src/image.tsx

Lines 74 to 79 in 498171f

	private static removeImage(props: Props) {
	const { id, map } = props;
	if (map) {
	map.removeImage(id);
	}
	}

Code to reproduce

<Map style="STYLE_UR"}>
    <Image id="image-marker" url="/url/to/image.png" />
    <Layer id="layer" layout={{"icon-image": "image-marker", 'icon-allow-overlap': true  }}>
         <Feature coordinates={COORDINATES} draggable={true} />
     </Layer>
</Map>

Environment

"mapbox-gl": "^0.53.1"
"react-mapbox-gl": "^4.3.0",

Note: Also tried with mapbox-gl ^0.54.0

[mklopets]

Released your fix as v4.5.1. Thanks a bunch!