setState use call inside of <Animated.Code> memory leak

i try to update my state from animated value, and i subscribe to the animated value and update my state, but it causes memory leak, it updates every 10ms even if the animated value is not changed, i only want the state to be updated when there is a change in the animated value, where i can call from a shouldcomponentUpdate(prevState), but it seems like it can’t retrive the animated value outside of the render. i wonder what is the best way to do this. here is my code: console.log

const {call} = Animated

class SomeComponent extends Component {
constructor(props) {
    super(props);
    this._transY = new Value(0);
    this.state = { height: "", };
  }

 updateHeight = value => {
    requestAnimationFrame(() => {
      this.setState({ newHeight: value });
    });
  };

render(){
   return (
   <Animated.View>
       <Animated.Code>{() => call([this._transY], this.updateHeight)}</Animated.Code>
   </Animated.View>
 )
}

[wcandillon]

@osdnk would it make sense to rewrite Animated.Code as a functional component with useCode in order to ensure that the behavior is consistent between the two? If yes, I’d be happy to make a PR.

[jakub-gonet]

Implemented @wcandillon suggestion in #952.