Hello Team, The portion which is bold is getting u...
# support
m
Hello Team, The portion which is bold is getting underlined in the vs code while integrating with my react application can anyone of you help me out in this ? CC @Pranay const serviceName = "frontendproject"; const resource = new Resource({ "service.name": serviceName }); const provider = new WebTracerProvider({ resource }); const collector = new CollectorTraceExporter({ url: "http://localhost:4318/v1/traces", }); provider.addSpanProcessor(*new SimpleSpanProcessor(collector))*; provider.register({ contextManager: new ZoneContextManager() });
p
@Mohit Verma Have you imported
SimpleSpanProcessor
as shown in this file? https://github.com/SigNoz/sample-reactjs-app/blob/master/src/helpers/tracing/index.ts
m
yes
here are the imports |import { context, trace, Span, SpanStatusCode } from "@opentelemetry/api"; import { WebTracerProvider } from "@opentelemetry/sdk-trace-web"; import { Resource } from "@opentelemetry/resources"; import { SimpleSpanProcessor } from "@opentelemetry/sdk-trace-base"; import { CollectorTraceExporter } from "@opentelemetry/exporter-collector"; import { ZoneContextManager } from "@opentelemetry/context-zone"; import { FetchInstrumentation } from "@opentelemetry/instrumentation-fetch"; import { FetchError } from "@opentelemetry/instrumentation-fetch/build/src/types"; import { registerInstrumentations } from "@opentelemetry/instrumentation";
p
Ok - @Palash Gupta do you have more insights on this? Is it because of update in otel package?
p
@Mohit Verma can you please check the version of the package in the package.json
is it correctly mapped ?
m
yes it is correctly mapped
huddle .??\
p
you can share the context issue not available not right now for huddle.....
m
yeah solved it using @opentelemetry/sdk-trace-web
thank you so much