useOpentelemetry.js

import {
  ConsoleSpanExporter,
  SimpleSpanProcessor,
  BatchSpanProcessor,
} from "@opentelemetry/tracing";
import { WebTracerProvider } from "@opentelemetry/web";

import { ZoneContextManager } from "@opentelemetry/context-zone";
import { CollectorTraceExporter } from "@opentelemetry/exporter-collector";

import { B3Propagator } from "@opentelemetry/propagator-b3";
import { getWebAutoInstrumentations } from "@opentelemetry/auto-instrumentations-web";

import { registerInstrumentations } from "@opentelemetry/instrumentation";
import { Resource } from "@opentelemetry/resources";
import { ResourceAttributes } from "@opentelemetry/semantic-conventions";

const useOpentelemetry = () => {
  const resource = new Resource({
    [ResourceAttributes.SERVICE_NAME]: "NEXTJS APP",
  });

  const provider = new WebTracerProvider({ resource });

  provider.addSpanProcessor(
    new SimpleSpanProcessor(
      new CollectorTraceExporter({
        url: "http://localhost:55681/v1/traces",
        headers: {},
      })
    )
  );

  provider.addSpanProcessor(new SimpleSpanProcessor(new ConsoleSpanExporter()));

  provider.register({
    contextManager: new ZoneContextManager(),
    propagator: new B3Propagator(),
  });

  const instrumentations = getWebAutoInstrumentations({
    "@opentelemetry/instrumentation-xml-http-request": {
      ignoreUrls: [],
      propagateTraceHeaderCorsUrls: ["http://localhost:3000"],
      clearTimingResources: true,
    },
  });

  registerInstrumentations({
    instrumentations,
    tracerProvider: provider,
  });

  return null;
};

export default useOpentelemetry;