onPinch updated in @use-gesture/react

[marcelobitorical]

How would this code from react-use-gesture (9.1.3) translate into @use-gesture/react (10.2.11)? 🤔

I'm updating this package in a project, and the first argument of offset is throwing me a NaN.

  const bind = useGesture({
    onPinch: ({ offset: [d] }) => {
      // Here goes a manipulation of the d argument
    },
  });

I started studying the difference between the new parameters of onPinch. The property offset is still there. So I don't know why this doesn't work 🤔.

So many thanks in advance! 😄

[dbismut]

Can you please share a sandbox?

[marcelobitorical]

🤔 Thanks! It could help. I will consider it, but, where does the distance go? in which property I can get it?

[dbismut]

@marcelobitorical should be in state.values = [d, a]. But again, very unlikely you actually need distance.

[marcelobitorical]

Hi @dbismut!
Yes. I think I will use scale. But anyway, I still can't get any values from my project when I update the library.
I tried installing the earliest non-beta version of this library and it's giving me the same NaN values.
This package updating is surprisingly hard taking into account that according to the documentation @use-gesture aims at being platform agnostic; and that the version 9.1.3 doesn't seems too far from 10.2.11.

[dbismut]

There's a strong chance, although I can't be sure, that the fact that you're getting NaN values comes from your implementation. Please share a sandbox.

Also 9 being close to 10 doesn't mean that upgrading would be easy. 10 is a major new version. And I'm not sure what this lib being platform agnostic has to do with anything here.

[marcelobitorical]

There's a strong chance, although I can't be sure, that the fact that you're getting NaN values comes from your implementation.

Yes! I agree. Just that I would like to know what things have changed since that version. I'm looking for differences in the source code of use-gesture or some Updating Guide.

Also 9 being close to 10 doesn't mean that upgrading would be easy. 10 is a major new version. And I'm not sure what this lib being platform agnostic has to do with anything here.

I updated the dependency because there is a deprecation warning that comes from react-use-gesture. As I read in the FAQ this new package brings a platform-agnostic library. But apparently, there are more changes 😢.

Anyway, I'm still working on a solution in my implementation. (I can't share a sandbox, because the project is huge and private). If there's any path that some use-gesture users can follow I will share it here! 🙌