Reusing Animations: Framer X code overrides

import { Data, animate, Override, Animatable } from "framer";

const data = Data({ scaleValues: [] });

export const Scale: Override = props => {
  data.scaleValues.push({ id: props.id, scaleValue: Animatable(1) });
  return {
    scale: getValueForId(props.id),
    onTap() {
      let valueToScale = getValueForId(props.id);
      valueToScale.set(0.6);
      animate.spring(valueToScale, 1);
    }
  };
};

const getValueForId = id => {
  let obj = data.scaleValues.find(function(el) {
    return el.id.toString() === id;
  });
  return obj.scaleValue;
};

I'm trying to set this up for rotations but am having a hell of a time figuring it out. Have any luck with that one?