React native Adding context menu to draggable element


I am using the component: react-native-draggable to add multiple draggable elements in a View.
But I want to add a context menu when I longpress on an image. I am trying to use: react-native-popup-menu, I don’t even see the image I added.

Here is the code I currently use:

import Draggable from 'react-native-draggable';
import {
    Menu,
    MenuOptions,
    MenuOption,
    MenuTrigger,
} from 'react-native-popup-menu';

const ( valueArray, setValueArray) = useState(());

<Button
    onPress={() => setValueArray(valueArray.push(item.name))} // Change this line
/>

return (
    <View>
        {valueArray.map((item, i) =>  (
            <Menu
                opened={contextMenuOpen}
                onBackdropPress={() => setConextMenuOpen(false)}
                button={
                    <TouchableOpacity onPress={() => setConextMenuOpen(true)}>
                        <Draggable key={i} x={100} y={50} renderSize={80} imageSource={item.img} />
                    </TouchableOpacity>
                }>
                <MenuTrigger/>
                <MenuOptions>
                    <MenuOption onSelect={() => alert(`Delete`)} >
                         <Text style={{color: 'red'}}>Delete</Text>
                    </MenuOption>
                </MenuOptions>
            </Menu>
        ))}
    </View>
);

How can I add a context/popup menu to each image, so a user can simply remove that image if needed?

Cheers