Merge pull request SharePoint#8674 from HarminderSethi/main

updated the reference for MSGraphClient to MSGraphClientV3

Author: andrewconnell

docs/spfx/use-aad-tutorial.md

@@ -1,7 +1,7 @@
 ---
 title: Consume the Microsoft Graph in the SharePoint Framework
 description: Tutorial on using the AadHttpClient or MSGraphClient class to connect to the Microsoft Graph in SharePoint Framework solutions.
-ms.date: 06/13/2022
+ms.date: 01/06/2023
 ms.localizationpriority: high
 ---
 
@@ -14,7 +14,7 @@ Introduced in v1.4.1, you can use the SharePoint Framework to consume Microsoft
 In this article, you'll learn how to create a SharePoint Framework solution that uses the Microsoft Graph API with a custom set of permissions. For a conceptual overview of this technology, see [Connect to Azure AD-secured APIs in SharePoint Framework solutions](use-aadhttpclient.md).
 
 > [!IMPORTANT]
-> You can consume the Microsoft Graph API with versions of SharePoint Framework earlier than v1.4.1, either via the native **GraphHttpClient**, or by directly using [Microsoft identity platfomr authentication libraries](https://learn.microsoft.com/en-us/azure/active-directory/develop/reference-v2-libraries) implicit OAuth flow. However, the former approach is bound to a predefined set of permissions, which presents some limitations, and the latter is complex from a development perspective. For details about how to implement an implicit OAuth flow, see [Connect to APIs secured with Azure Active Directory](./web-parts/guidance/connect-to-api-secured-with-aad.md).
+> You can consume the Microsoft Graph API with versions of SharePoint Framework earlier than v1.4.1, either via the native **GraphHttpClient**, or by directly using [Microsoft identity platfomr authentication libraries](/azure/active-directory/develop/reference-v2-libraries) implicit OAuth flow. However, the former approach is bound to a predefined set of permissions, which presents some limitations, and the latter is complex from a development perspective.
 
 ## Solution overview
 
@@ -252,7 +252,7 @@ Now you can update the **GraphConsumer** React component under the **./src/webpa
    } from "office-ui-fabric-react";
    import * as React from "react";
 
-   import { AadHttpClient, MSGraphClient } from "@microsoft/sp-http";
+   import { AadHttpClient, MSGraphClientV3  } from "@microsoft/sp-http";
    import { escape } from "@microsoft/sp-lodash-subset";
 
    import { ClientMode } from "./ClientMode";
@@ -453,11 +453,11 @@ When you package and deploy your solution, you (or an admin) will have to grant
 You can now implement the methods to consume the Microsoft Graph. You have two options:
 
 - Use the **AadHttpClient** client object
-- Use the **MSGraphClient** client object
+- Use the **MSGraphClientV3** client object
 
 The **AadHttpClient** client object is useful for consuming any REST API. You can use it to consume Microsoft Graph or any other third-party (or first-party) REST API.
 
-The **MSGraphClient** client object can consume the Microsoft Graph only. Internally it uses the **AadHttpClient** client object and supports the fluent syntax of the Microsoft Graph SDK.
+The **MSGraphClientV3** client object can consume the Microsoft Graph only. Internally it uses the **AadHttpClient** client object and supports the fluent syntax of the Microsoft Graph SDK.
 
 ### Using AadHttpClient
 
@@ -524,9 +524,9 @@ private _searchWithAad = (): void => {
 
 The `get()` method gets the URL of the OData request as the input argument. A successful request returns a JSON object with the response.
 
-### Using MSGraphClient
+### Using MSGraphClientV3
 
-If you're targeting Microsoft Graph, you can use the **MSGraphClient** client object, which provides a more fluent syntax.
+If you're targeting Microsoft Graph, you can use the **MSGraphClientV3** client object, which provides a more fluent syntax.
 
 The following example shows the implementation of the `_searchWithGraph()` method of the sample solution.
 
@@ -537,8 +537,8 @@ private _searchWithGraph = () : void => {
   console.log("Using _searchWithGraph() method");
 
   this.props.context.msGraphClientFactory
-    .getClient()
-    .then((client: MSGraphClient) => {
+    .getClient('3')
+    .then((client: MSGraphClientV3) => {
       // From https://github.com/microsoftgraph/msgraph-sdk-javascript sample
       client
         .api("users")
@@ -575,7 +575,7 @@ private _searchWithGraph = () : void => {
 }
 ```
 
-You get an instance of the `MSGraphClient` type by calling the `context.msGraphClientFactory.getClient()` method.
+You get an instance of the `MSGraphClientV3` type by calling the `context.msGraphClientFactory.getClient('3')` method.
 
 You then use the fluent API of the Microsoft Graph SDK to define the OData query that runs against the target Microsoft Graph endpoint.