Skip to content

RoutingInstrumentation stall tracking causes some reanimated animation to flicker #3987

@fdecampredon

Description

@fdecampredon

OS:

  • Windows
  • MacOS
  • Linux

Platform:

  • iOS
  • Android

SDK:

  • @sentry/react-native (>= 1.0.0)
  • react-native-sentry (<= 0.43.2)

SDK version: 5.26.0

react-native version: 0.74.3

Are you using Expo?

  • Yes
  • [ x] No

Are you using sentry.io or on-premise?

  • sentry.io (SaaS)
  • on-premise

If you are using sentry.io, please post a link to your issue so we can take a look:

[Link to issue]

Configuration:

(@sentry/react-native)

const routingInstrumentation = new Sentry.RoutingInstrumentation();

Sentry.init({
  dsn: process.env.SENTRY_DSN,
  enabled: !__DEV__,
  environment: process.env.DEPLOYMENT_ENVIRONMENT,
  integrations: [
    new Sentry.ReactNativeTracing({
      routingInstrumentation,
    }),
  ],
});

I have the following issue:
Some large animations using react-native-reanimated and involving animating padding, height and transform are flickering when sentry is enabled, setting enableStallTracking to false in Sentry.ReactNativeTracing options solves the issue.

Steps to reproduce:
It's unfortunately hard to create a minimal reproduction example. The bug only appears on complex animation involving height and or padding, I'll try later if I can isolate a more specific reproduction case.

Actual result:
Those animations are flickering/jerking

Expected result:
No interferences between reanimated and sentry

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    Status

    Done

    Status

    Waiting for: Community

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions