From c96293de9528769c0cce610ef6493faee1c6020a Mon Sep 17 00:00:00 2001
From: Marylia Gutierrez <marylia.gutierrez@grafana.com>
Date: Thu, 25 Apr 2024 18:39:41 -0400
Subject: [PATCH] chore(examples/react-load): use exported strings for
 attributes (#2127)

Use exported strings for Semantic Attributes

Refs: #2025
---
 examples/react-load/react/package.json      | 1 +
 examples/react-load/react/src/web-tracer.js | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/examples/react-load/react/package.json b/examples/react-load/react/package.json
index 702f88cfac..9c9ce0281a 100644
--- a/examples/react-load/react/package.json
+++ b/examples/react-load/react/package.json
@@ -43,6 +43,7 @@
     "@opentelemetry/plugin-react-load": "^0.23.0",
     "@opentelemetry/sdk-trace-base": "^0.25.0",
     "@opentelemetry/sdk-trace-web": "^0.25.0",
+    "@opentelemetry/semantic-conventions": "^1.23.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-router-dom": "^5.2.0",
diff --git a/examples/react-load/react/src/web-tracer.js b/examples/react-load/react/src/web-tracer.js
index ea1b5ca952..80796da13e 100644
--- a/examples/react-load/react/src/web-tracer.js
+++ b/examples/react-load/react/src/web-tracer.js
@@ -5,12 +5,12 @@ import { ZoneContextManager } from '@opentelemetry/context-zone';
 import { CollectorTraceExporter } from '@opentelemetry/exporter-collector';
 import { diag, DiagConsoleLogger } from '@opentelemetry/api';
 import { Resource } from '@opentelemetry/resources';
-import { SemanticResourceAttributes } from '@opentelemetry/semantic-conventions'
+import { SEMRESATTRS_SERVICE_NAME } from '@opentelemetry/semantic-conventions'
 
 export default (serviceName) => {
   const provider = new WebTracerProvider({
     resource: new Resource({
-        [SemanticResourceAttributes.SERVICE_NAME]: "react-load-example"
+        [SEMRESATTRS_SERVICE_NAME]: "react-load-example"
     }),
   });