Error : Could not retrieve Global Service Principal ID Error: Error: {} on approving

Hi All,

I am creating my first SPFX application using Microsoft Graph API

I followed this link https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-microsoft-graph-apis

But when it reached to the step to Approve the requested Microsoft Graph permissions

I get below error and my page is empty

what could be the issue, I tired to search for this error and couldn't find much help. 
Thanks for any help, I am totally stuck