The best way of using mobx with react-spring?

[geohuz]

I'm not sure if the following pseudo code structure is good for combining react-spring with mobx:

import { useSpring, useSpringRef, animated } from '@react-spring/web'

const AnimatedComp = animated(Comp)

const MyComp =  observer(()=> {

const api = useSpringRef()
const springs = useSpring({
    ref: api,
    from : {
      strokeDashoffset: 0,
      strokeDasharray: getDashOffset()
    },
  })

let disposer = reaction (
    ()=> appStore.getTreeEdgeFold(source, target), // the mobx managed state
    (folded) => {
      let offset
      if (folded) {
        offset = getDashOffset()
      } else {
        offset = 0
      }
      api.start({
        config: {
          friction: 20,
          tension: 210
        },
        to: {
          strokeDashoffset: offset 
        }
      })
    }
  )

  useEffect(() => {
    return () => disposer()
  })

  return (
    <AnimatedComp style={{springs}) />
  )


})