BrowserAuthError: user_cancelled: User cancelled the flow.

Question

When I click on login and close the pop-up window that pops up, the following error will appear:

I want to know what caused this error. Is this error the reason why the loginFailed callback did not execute? And how to solve it thank you！！！

Here is my code and version used:

import { Login, FileList } from '@microsoft/mgt-react'

<Login ref={this.mstRef} 
loginInitiated={e => console.log("login initiated", e)} 
loginFailed={this.MSloginFailed} 
loginCompleted={(e)=> void this.loginCompleted(e)}/>



"@microsoft/mgt-element": "^2.10.1",
"@microsoft/mgt-msal2-provider": "^2.10.1",
"@microsoft/mgt-react": "^2.10.1"