Authentication using Simple Provider

[jeswinjose]

My app already has microsoft graph integrated and want to use MGT toolkit along with it.
Auth is done using "@azure/msal-browser and @azure/msal-react .Following is the code changes I made

import { SimpleProvider } from "@microsoft/mgt-react";
import { useGraphAccessToken } from "ActionCreators/AccessTokenActionCreator";
export const MgtProvider = new SimpleProvider(() => {
    return new Promise((resolve) => {
        console.log("MgtProvider");
        resolve(useGraphAccessToken());
    });
});

On app Initialization I am setting
Providers.globalProvider = MgtProvider;
On aquiring graphtoken I am setting
Providers.globalProvider.setState(ProviderState.SignedIn);

After this I am unbale to see <PeoplePicker /> populating people or sending any graph requests .

How do I debug this issue in the UX client? are there any other initialization steps required? Any help is highly appreciated

Thanks