Реагировать stopPropagation вообще не работает

Я использую вложенный компонент, однако, как только я нажимаю на компонент, я хочу прекратить распространение события щелчка на родительские элементы, находящиеся за компонентом.

Для простого примера я реализовал это так:

public render() {
  return (
    <div data-id = {i} onClick = {this.showModal}>
  );
}
private showModal(e:any): void {
    //logic to show modal
    e.stopPropagation();
    e.nativeEvent.stopImmediatePropagation();
}

Однако событие и даже nativeEvent вообще НЕ останавливаются, метод showModal вызывается для каждого отдельного вложенного экземпляра.