Reactjs 反应窗口打开禁用单击弹出窗口

我有一个组件，我在其中单击，应该打开一个新窗口的响应url，在我的情况下，我正在等待响应和成功完成，然后点击这个打开的链接。 如何避免弹出式浏览的障碍

....
const generateCoPayCardTest = () => {
        if (!completed) {
            generateCoPayCard({
                patientId,
                pharmacyName
            });

            return;
        }

        openNewWindow({ url: data.copay_pdf_url });
    };

    useEffect(() => {
        if (completed) openNewWindow({ url: data.copay_pdf_url });
    }, [completed]);

...
<LinkButton onClick={() => generateCoPayCardTest()} />

见这个问题：

您需要保留与用户单击事件相同的上下文。

可能重复的

export const openNewWindow = ({ url, features = ['noopener', 'noreferrer'] }) =>
    window.open(url, '', features);