CommonRoomInstrumentationProvider

React provider to share a CommonRoomInstrumentationProvider instance with the application code.

Reference

<CommonRoomInstrumentationProvider client={client}>
    <App />
</CommonRoomInstrumentationProvider>

Properties

Usage

Provide a client instance

import { registerCommonRoomInstrumentation, CommonRoomInstrumentationProvider } from "@workleap/common-room/react";
import { createRoot } from "react-dom/client";
import { App } from "./App.tsx";

const client = registerCommonRoomInstrumentation("my-site-id")

const root = createRoot(document.getElementById("root"));

root.render(
    <CommonRoomInstrumentationProvider client={client}>
        <App />
    </CommonRoomInstrumentationProvider>
);

Retrieve a client instance

import { useCommonRoomInstrumentationClient } from "@workleap/common-room/react";

const client = useCommonRoomInstrumentationClient();

client.identify("johndoe@contoso.com");