How to use the react-contexify.contextMenu.show function in react-contexify

handleContextMenu(e, row) {
        // always prevent default behavior
        e.preventDefault();
        console.log(e)
        console.log(row)
        // Don't forget to pass the id and the event and voila!
        contextMenu.show({id: 'myMenu', event: e});
    }

handleContextMenu(e) {
        // always prevent default behavior
        e.preventDefault();
        console.log(e)
        // Don't forget to pass the id and the event and voila!
        contextMenu.show({id: 'myMenu', event: e});
    }
    render() {

handleContextMenu(e) {
        // always prevent default behavior
        e.preventDefault();
        // Don't forget to pass the id and the event and voila!
        contextMenu.show({id: this.state.menuId, event: e});
    }

handleContextMenu(e) {
        // always prevent default behavior
        e.preventDefault();
        // Don't forget to pass the id and the event and voila!
        contextMenu.show({id: this.state.menuId, event: e});
    }

export const handleFolderContextMenuEvent = (e, data) => {
    e.preventDefault();
    contextMenu.show({
        id: "folder_context_menu",
        event: e,
        props: data
    });
};

export const handleTabContextMenuEvent = (e, data) => {
    e.preventDefault();
    contextMenu.show({
        id: "tab_context_menu",
        event: e,
        props: data
    });
};

export const handleConnectionContextMenuEvent = (e, data) => {
    e.preventDefault();
    contextMenu.show({
        id: "connection_context_menu",
        event: e,
        props: data
    });
};