(SPFx)Typescript 複数WebParts配置時のアクセストークン取得方法について

前提・実現したいこと

SPFx Typescript adal.js oAuth2認証

参考URL「https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-aad-implicitflow」

SharePointのモダンUIのWebParts開発をしている者です。
上記、URLのsampleをもとにアクセストークンを取得し、
認証完了で、WebPartsを表示し、
認証失敗で、非表示にするシステムを作りたいと考えております。

複数のWebPartsにこの認証システムの実装を実現したいのですが、
2つ目のWebPartsが認証する際に、トークン取得に失敗します。

解決方法や別アプローチ方法をご教示の程よろしくお願い致します。

発生している問題・エラーメッセージ

取得時に初回のみpopupを表示し、リダイレクトされたURLより、
accesstokenを取得しているようなのですが、
1つ目のWebPartsでは、正常に取得完了し、popupが一度表示された後、
すぐにpopupが閉じられ、WebPartsが表示されます。
2つ目のWebPartsの取得時に、popupが表示されるのですが、処理が終了してしまい、
アクセストークンの取得に失敗してしまいます。