[doc] React Native App example source code needs to be updated

[howardyoo]

https://opentelemetry.io/docs/demo/services/react-native-app/

outlines source code which initializes resource in such way:

  const resource = new Resource({
    [ATTR_SERVICE_NAME]: 'react-native-app',
    [ATTR_OS_NAME]: Platform.OS,
    [ATTR_OS_VERSION]: getSystemVersion(),
    [ATTR_SERVICE_VERSION]: getVersion(),
    [ATTR_DEVICE_ID]: getDeviceId(),
  });

which is OUTDATED.
Now, the correct way should be:

import { resourceFromAttributes } from "@opentelemetry/resources"
...
const resource = resourceFromAttributes({
    [ATTR_SERVICE_NAME]: 'react-native-app',
    [ATTR_OS_NAME]: Platform.OS,
    [ATTR_OS_VERSION]: getSystemVersion(),
    [ATTR_SERVICE_VERSION]: getVersion(),
    [ATTR_DEVICE_ID]: getDeviceId(),
  });

[tiffany76]

Thanks for reporting this issue, @howardyoo!

@open-telemetry/demo-approvers, PTAL.

[julianocosta89]

Hello @howardyoo 👋🏽

Thanks for bringing that up. You are correct and that's the new way of doing it, but the doc page reflects what we have implemented in the Demo.

In the Demo, we still have the outdated approach:
https://github.com/open-telemetry/opentelemetry-demo/blob/main/src/react-native-app/hooks/useTracer.ts#L38-L44

@jpmunz would you be able to take a look at it?

[jpmunz]

Hello @howardyoo 👋🏽

Thanks for bringing that up. You are correct and that's the new way of doing it, but the doc page reflects what we have implemented in the Demo.

In the Demo, we still have the outdated approach: https://github.com/open-telemetry/opentelemetry-demo/blob/main/src/react-native-app/hooks/useTracer.ts#L38-L44

@jpmunz would you be able to take a look at it?

yep I can take a look!

[howardyoo]

Thanks!!Sent from my iPhoneOn Jun 27, 2025, at 8:22 AM, Jonathan Munz ***@***.***> wrote:jpmunz left a comment (open-telemetry/opentelemetry.io#7206) Hello @howardyoo 👋🏽 Thanks for bringing that up. You are correct and that's the new way of doing it, but the doc page reflects what we have implemented in the Demo. In the Demo, we still have the outdated approach: https://github.com/open-telemetry/opentelemetry-demo/blob/main/src/react-native-app/hooks/useTracer.ts#L38-L44 @jpmunz would you be able to take a look at it? yep I can take a look! —Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you were mentioned.Message ID: ***@***.***>

[jpmunz]

Docs update: #7252

Demo repo update: open-telemetry/opentelemetry-demo#2331