Graph Toolkit React People Picker Error in console for User Photo Endpoint

I am using Microsoft Graph Toolkit to add people picker to my REACT application. The people picker functionality is working but on the browser console it is logging error for the use photo API. Since the code behind the component is abstract, not sure what really is happening.Anybody faced this issue or any clue on why the error on console?

Error on console is below "HTTPMessageHandler.ts:31 GET https://graph.microsoft.com/v1.0/users/Otayeb@isdbdev.org/photo/$value 404 (Not Found)". As you can see it is trying to get the photo of the user from the graph endpoint and the dynamic value is not populated.

export default function NormalPP(){
Providers.globalProvider = new MsalProvider({
    clientId: '8a17f110-fe17-4594-9463-ffc39da24b9c'
  });
return(
    <div className="App">
        <header>
            <Login />
        </header>
        <PeoplePicker/>
    </div>

)

}

This error will be posted in the browser console if the user loaded to the people picker does not have their photo updated in their Office 365/Azure profile.