sampleDevtoolsInit.ts

import { createDevtoolsLogger, initializeDevtools } from "@fluidframework/devtools/beta";

// Create a logger to pass to AzureClient and to Devtools
const logger = createDevtoolsLogger();

// Pass the logger in properties when instantiating an AzureClient
const clientProps = {
  connection: connectionConfig,
  logger,
};
const client = new AzureClient(clientProps);

// Get or create the Container
const container = yourCodeThatCreatesOrLoadsAContainer(client);

// Initialize Devtools passing the same logger as above and the container(s) you want it to expose
initializeDevtools({
  logger,
  initialContainers: [
    {
      container,
      containerKey: "My Container",
    },
  ],
});