Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

react profiler with react-native don't generate any span (ui.react.mount, ui.react.render, and ui.react.update)

See original GitHub issue

Hello ! I have some struggle with react-profiler !

Environment

How do you use Sentry? Sentry SaaS (sentry.io)

Which SDK and version?

// package.json
    "@sentry/react-native": "3.2.13",

// podfile.lock
  - RNSentry (3.2.13):
    - React-Core
    - Sentry (= 7.9.0)
     
  - Sentry (7.9.0):
    - Sentry/Core (= 7.9.0)
  - Sentry/Core (7.9.0)

also I use react-native-navigation

Steps to Reproduce

I try to use the react profiler with react-native as describe in the automatic instrumentation here but there are no spans generates by the profiler. I try with the hook and the HoC

implementation :

Expected Result

Generates spans the three different kinds of op-codes: ui.react.mount, ui.react.render, and ui.react.update.

Actual Result

Issue Analytics

State:
Created 2 years ago
Comments:8 (5 by maintainers)

Top GitHub Comments

1reaction

ludwig-procommented, Mar 21, 2022

hey ! We will ship an alpha app tomorrow, with sentry upgrade. We will compare a custom profiler tracking that we made ourselves (with sentry custom trace) with the Sentry Profiler component.

1reaction

ludwig-procommented, Mar 14, 2022

Hey ! I thought it’s related to #2066, and the transaction override ! I Will try the latest release and comeback to you 😃

Top Results From Across the Web

Introducing the React Profiler – React Blog

This plugin uses React's experimental Profiler API to collect timing information about each component that's rendered in order to identify ...

Reconciliation - React

This article explains the choices we made in React's “diffing” algorithm so that component updates are predictable while being fast enough for high-performance ......

Concurrent UI Patterns (Experimental) - React

Concurrent Mode offers a new set of tools to do that. Transitions. Wrapping setState in a Transition; Adding a Pending Indicator; Reviewing the...

Profiler API - React

The Profiler measures how often a React application renders and what the “cost” of rendering is. Its purpose is to help identify parts...

React Without JSX

Component { render() { return <div>Hello {this.props.toWhat}</div>; } } const root = ReactDOM.createRoot(document.getElementById('root')) ...