Question: I know how to use events to detect when the mouse button is pressed, however, how do detect if a mouse button is currently held down? Note I am not asking how to get it from an event.

I have not tried anything apart from `SDL_GetMouseState(&x, &y);` however it seems to only return the X and Y position of the mouse.

Answer: 
The top-level `<Zoom>` component needs a `key` attribute as well.
You should be placing the key prop at the **first element**

```
                        {calculatorScreenshots.map((imgUrl: any, index) => {
                            return (
                                <Zoom key={index}>
                                    {props.projectName == 'Calculator' && (
                                        <CardMedia

                                            component="img"
                                            height="200"
                                            alt="project picture"
                                            image={imgUrl}
                                        />
                                    )}
                                </Zoom>
                            );
                        })}

```