react-spring: Native prop causes animation visually to fail, but the animated items are delayed from entry/removal as if animations were working

🐛 Bug Report

Animations that work fine fail if passed native

To Reproduce

Add native to an otherwise working <Transition /> - Repro

Expected behavior

native prop improves performance without causing animations to fail

Link to repro (highly encouraged)

https://codesandbox.io/s/jovial-darkness-cz1go

Environment

  • react-spring@8.0.28
  • react@16.12.0

About this issue

  • Original URL
  • State: closed
  • Created 4 years ago
  • Comments: 15 (6 by maintainers)

Most upvoted comments

Okay, there’s the issue! Very strange that the sandbox works at all… 🤔

Some kind of Babel bug. Looks like <Spring> is also affected.

Even more strange, the <Trail> component is not affected, even though it uses the same syntax…

Please try with the latest canary. 👍

You’ll need a slight change to your usage of the Transition component. See here: #809

If you can’t figure it out, please provide a sandbox or git url.