Pass the experimentation ID to Glean

Co-authored-by: Robert Helmer <rhelmer@mozilla.com>

src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/View.tsx

@@ -80,7 +80,7 @@ export type TabData = {
 
 export const View = (props: Props) => {
   const l10n = useL10n();
-  const recordTelemetry = useTelemetry();
+  const recordTelemetry = useTelemetry(props.telemetryId);
   const countryCode = useContext(CountryCodeContext);
 
   const adjustedScanResults = props.userScanData.results.map((scanResult) => {

src/app/components/client/PageLoadEvent.tsx

@@ -25,7 +25,7 @@ export const PageLoadEvent = (props: Props) => {
   ]);
   const pathname = usePathname();
 
-  const recordTelemetry = useTelemetry();
+  const recordTelemetry = useTelemetry(props.userId);
 
   const userId: GleanMetricMap["page"]["view"]["user_id"] = useMemo(() => {
     // If the user is not logged in, use randomly-generated user ID and store in cookie.

src/app/hooks/useGlean.ts

@@ -10,7 +10,7 @@ import EventMetricType from "@mozilla/glean/private/metrics/event";
 import type { GleanMetricMap } from "../../telemetry/generated/_map";
 import { PublicEnvContext } from "../../contextProviders/public-env";
 
-export const useGlean = () => {
+export const useGlean = (experimentationId?: string) => {
   const { PUBLIC_APP_ENV } = useContext(PublicEnvContext);
 
   // Initialize Glean only on the first render of our custom hook.
@@ -42,6 +42,7 @@ export const useGlean = () => {
       maxEvents: 1,
       channel: PUBLIC_APP_ENV,
       enableAutoPageLoadEvents: true,
+      experimentationId: experimentationId,
     });
     // This effect should only run once
     // eslint-disable-next-line react-hooks/exhaustive-deps

src/app/hooks/useTelemetry.ts

@@ -17,9 +17,9 @@ const TelemetryPlatforms = {
   Ga: "ga",
 } as const;
 
-export const useTelemetry = () => {
+export const useTelemetry = (experimentationId?: string) => {
   const path = usePathname();
-  const recordGlean = useGlean();
+  const recordGlean = useGlean(experimentationId);
 
   const { Glean, Ga } = TelemetryPlatforms;
   const recordTelemetry = <