react-chatgpt-app MS graph API calls using @microsoft/microsoft-graph-types and missig MSClient/MSGraphClientFactory

[gretchunkim]

Hi there,
While viewing this beautifully crafted sample (react-chatgpt-app) and I'm at lost how it is reaching out to MSGraph client/response call service with only the following import, without using MSGraphClientMSGraphFactory...

import {
  Chat,
  ChatMessage,
} from '@microsoft/microsoft-graph-types';

Is this only limited to specific entity types (such as chat,chatMesage)? I'd like to try it for other entity types (or resource type) such as externalItems and can't find documentation about it.

Thank you for your input and discussions.

[gretchunkim]

Located the answer to above question. The MS Graph API calls and MSGraphClientFactory is mention in src/hooks/useGraphAPI file:

https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chatgpt-app/src/hooks/useGraphAPI.ts

export const useGraphAPI = (context: BaseComponentContext) => {
const graphClient = React.useMemo(() => {
return async () => {
const client = await context.msGraphClientFactory.getClient("3");
return client;
};
}, [context]);
const sendMessageToChat = React.useCallback(
async (chatId: string, chatMessagePayload: object): Promise => {
const chatMessage = await (await graphClient()).api(/chats/${chatId}/messages).post(chatMessagePayload);
return chatMessage;
},
[graphClient]
);