Реагировать - как закрыть все остальные всплывающие подсказки?

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

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

import { Tooltip } from "Tooltip";
import React, { Component } from "react";

export default class TooltipWrapper extends Component {
    constructor() {
        super();

        this.handleWindowClick = this.handleWindowClick.bind(this);
        this.toggleTooltip = this.toggleTooltip.bind(this);
        this.onTooltipClosed = this.onTooltipClosed.bind(this);
        this.state = {
            show: false
        };
    }

    componentDidMount() {
        window.addEventListener('click', this.handleWindowClick);
    }

    componentWillUnmount() {
        window.removeEventListener('click', this.handleWindowClick);
    }

    toggleTooltip() {
        this.setState({
            show: !this.state.show
        });
    }

    handleWindowClick(event) {
        this.setState({
            show: false
        });
    }

    onTooltipClosed() {
        this.setState({
            show: false
        });
    }

    render() {
        return (
            <Tooltip
                open = {this.state.show}
                tip = {this.props.tip}
                position = "bottom"
                closeButton = "visible"
                onClose = {this.onTooltipClosed}
            >
                <div onClick = {this.toggleTooltip}>{this.props.children}</div>
            </Tooltip>
        );
    }
}