Couldn't see Person details when Login.

[aithas]

Hello, I am trying to create a Asp.NET MVC app and added Graph Tool Kit component using React. When I clicked on Sign In, I could login, but the SignIn button still shows the Same, and I couldn't even see person details. Can you please help me with this. Thanks.

GraphComponenet.jsx

import React from 'react';
import { Providers } from '@microsoft/mgt-element';
import { Login, Person } from '@microsoft/mgt-react';
import { MsalProvider } from '@microsoft/mgt-msal-provider';

// Initialize the MsalProvider with your client ID
Providers.globalProvider = new MsalProvider({
clientId: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXX',
authority: 'https://login.microsoftonline.com/XXXXXXXXXXXXXXXXXXXXXXXX'
});

const GraphComponent = () => {
return (
<div.>
<Login ./>
<Person personQuery="me" showPresence={true} view="twolines" . />
</div.>

);

};

export default GraphComponent;

Index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import GraphComponent from './GraphComponent.jsx'; // adjust the path as needed

function App() {
return (
<div.>

Hello from React!

</div.>
);
}

const root = document.getElementById('react-root');
ReactDOM.createRoot(root).render();
//export default App;

Below is the error:

[sebastienlevert]

If you use the msal2 provider, do you have the same issue? The MSAL Provider has been deprecated for a long time now.