How to add custom context menu in react-js?

import React, { Component } from 'react';
// import all stuff about react-contextmenu
import { ContextMenu, ContextMenuTrigger, MenuItem } from 'react-contextmenu';
import './RightClick.scss';
export default class App extends Component {
	// get object data after display on alert
	handleClick = (e, data) => {
		alert(`Clicked on menu ${data.item}`);
	};
	render() {
		return (
			<div className='bg'>
				{
					/* Note: ContextMenuTrigger and ContextMenu id same
More example :> https://github.com/vkbansal/react-contextmenu/tree/master/examples
read Doc:>https://github.com/vkbansal/react-contextmenu
          */
				}
				<ContextMenuTrigger id='add_same_id'>
					<div className='hight'>Right Click for Open Menu</div>
				</ContextMenuTrigger>
				<ContextMenu className='menu' id='add_same_id'>
					<MenuItem
						onClick={this.handleClick}
						data={{ item: 'Home' }}
						className='menuItem'
					>
						Home
					</MenuItem>
					<MenuItem
						onClick={this.handleClick}
						data={{ item: 'Post' }}
						className='menuItem'
					>
						Post
					</MenuItem>
					<MenuItem
						onClick={this.handleClick}
						data={{ item: 'Create Post' }}
						className='menuItem'
					>
						Create Post
					</MenuItem>
					<MenuItem
						onClick={this.handleClick}
						data={{ item: 'All Post' }}
						className='menuItem'
					>
						All Post
					</MenuItem>
					<MenuItem
						onClick={this.handleClick}
						data={{ item: 'Stats' }}
						className='menuItem'
					>
						Stats
					</MenuItem>
					<MenuItem
						onClick={this.handleClick}
						data={{ item: 'Chat' }}
						className='menuItem'
					>
						Chat
					</MenuItem>
					<MenuItem
						onClick={this.handleClick}
						data={{ item: 'Settings' }}
						className='menuItem'
					>
						Settings
					</MenuItem>
					<MenuItem
						onClick={this.handleClick}
						data={{ item: 'Profile' }}
						className='menuItem'
					>
						Profile
					</MenuItem>
					<MenuItem
						onClick={this.handleClick}
						data={{ item: 'Logout' }}
						className='menuItem'
					>
						Logout
					</MenuItem>
				</ContextMenu>
			</div>
		);
	}
}