Error: outputRange cannot include undefined, from useValues

The code is giving error after using useValues

const [show, setShow] = useState(true);
const clock = useClock([]);
const startAnimation = new Value(1);
const [startTime, from, to] = useValues([0, 0, 0], []);
const endTime = add(startTime, duration);
const opacity = interpolate(clock, {
  inputRange: [startTime, endTime],
  outputRange: [from, to],
  extrapolate: Extrapolate.CLAMP,
});

Error: Invariant Violation: outputRange cannot be undefined

[philipbulley]

I’ve just come across this too, reproduced here: https://snack.expo.io/@pbcodes/insane-scones

Changing the useValues([0, 0, 0, 0]) to useValues(0, 0, 0, 0) works. As @francosta said, the docs are out of date.

[CptFabulouso]

It’s not changed in docs, but v14 change implementation. See here https://github.com/wcandillon/react-native-redash/releases/tag/v14.0.0 So you should have const [startTime, from, to] = useValues(0, 0, 0); From what I see in docs the useValues didn’t accept second parametr even before.