+
User's Group Information
+ {memberships.length ? (
+
+ ) : (
+
User is not a member of any AAD groups known to this SharePoint site
+ )}
+
+ );
+};
+
+export default UserGroupMemberships;
diff --git a/samples/react-sp-site-user-groups/src/webparts/userAndGroupInfo/components/UserInfo.tsx b/samples/react-sp-site-user-groups/src/webparts/userAndGroupInfo/components/UserInfo.tsx
new file mode 100644
index 000000000..a8cb804ea
--- /dev/null
+++ b/samples/react-sp-site-user-groups/src/webparts/userAndGroupInfo/components/UserInfo.tsx
@@ -0,0 +1,133 @@
+import * as React from "react";
+import { useState } from "react";
+import { WebPartContext } from "@microsoft/sp-webpart-base";
+import { ISiteUserInfo } from "@pnp/sp/site-users/types";
+import { IUser } from "@pnp/graph/users";
+import { DetailsList, IColumn } from "office-ui-fabric-react/lib/DetailsList";
+import { Link } from "office-ui-fabric-react";
+
+export interface IUserInfoProps {
+ context: WebPartContext;
+ siteUserInfoPromise: Promise