Javascript 在React中的弹出窗口中检查URL更改

我正在尝试在我的React应用程序中使用Google作为身份验证提供程序构建OAuth2登录流

为此，当用户点击“登录”时，我会打开一个新窗口，引导用户到谷歌登录。（我使用此npm包进行此操作）

我想在用户成功登录后关闭此弹出窗口，要检查是否成功登录，我想在弹出窗口中跟踪URL（该窗口将更改为指示登录成功的重定向URL）。我通过从父组件为新窗口指定一个引用来跟踪它

var newWindowRef = React.createRef();

return (
        <NewWindow
            ref={newWindowRef}
            url="http://localhost:8080/oauth2/authorization/google"
        >
        </NewWindow>
)

这里的问题是，当第一次呈现父组件时，newWindowRef.current为null，并且出现错误：“TypeError:newWindowRef.current为null”

useEffect(() => {
        console.log("New Window URL Changed");
        console.log(newWindowRef.current.window.document.URL);
    }, [newWindowRef.current.window.document.URL]);