Stop returns undefined when using useSpring with callback function

[josephrexme]

🐛 Bug Report

Undefined is being returned for stop - the third optional return, when a callback function is passed into useSpring

To Reproduce

I have the following:

 const [motion, setMotion, stopMotion] = useSpring(() => ({
   transform: 'scaleX(0)',
   config: { ...config.default, duration: 180000 }
 }));

with the jsx:

<Track>
  <animated.div style={motion} />
</Track>

Expected behavior

I expect that setMotion and stopMotion will be functions I can use to start and end my animations and indeed setMotion works as expected when called as:

setMotion({ transform: 'scaleX(1)' });

However stopMotion keeps returning undefined.
(A clear and concise description of what you expected to happen.)

Link to repro (highly encouraged)

Here's a reproduced demo
CodeSandbox demo

Environment

• react-spring v8.0.4
• react v16.8.0

[josephrexme]

I noticed from this other demo that in version 8.0.19 I don't get undefined but the stop still doesn't stop my animation

[aleclarson]

This is probably fixed in #632

You can check by following this guide, except do this when cloning react-spring:

git clone https://github.com/react-spring/react-spring -b v9

..or wait for the beta.

[aleclarson]

Fixed by #632 confirmed 🎉

Try out v9.0.0-beta like this: yarn add react-spring@next

Let us know if you hit any issues here: #642

[josephrexme]

Thanks! I'll go ahead and close this now