title: upgrade react-spring code that uses animate and transition to latest react-spring
body: <p>I have this code that uses react-spring 4.0.1 code:</p>
  
  <pre><code>export const Nodes: React.FunctionComponent&lt;NodesProps&gt; = ({nodes, nodeClickHandler}) =&gt; {
    return (
      &lt;Transition
        native={true}
        items={nodes}
        keys={keyAccessor}
        config={{ tension: 1000, friction: 130, mass: 5 }}
        from={(node: HierarchyPointNode&lt;GraphicalNode&gt;) =&gt; {
          const parentTopLeft = !!node.parent
                                ? {left: node.parent.x, top: node.parent.y}
                                : {left: 0, top: 0};
          return {
            left: parentTopLeft.left,
            opacity: 0,
            top: parentTopLeft.top,
          };
        }}
        enter={(node: HierarchyPointNode&lt;GraphicalNode&gt;) =&gt; {
          return {
            left: node.x,
            opacity: 1,
            top: node.y,
          };
        }}
        update={(node: HierarchyPointNode&lt;GraphicalNode&gt;) =&gt; {
          return {
            left: node.x,
            opacity: 1,
            top: node.y,
          };
        }}
        leave={(node: HierarchyPointNode&lt;GraphicalNode&gt;) =&gt; {
            return {
              left: node.x,
              opacity: 0,
              top: node.y,
            };
        }}
      &gt;
      {nodes.map((node: HierarchyPointNode&lt;GraphicalNode&gt;) =&gt; (styles: CSSProperties) =&gt; {
          const key = keyAccessor(node);
          return (
            &lt;animated.g
              className="cx-group"
              style={{
                cursor: "pointer",
                pointerEvents: (styles.opacity as any).interpolate((v: any) =&gt; v &lt; 0.5 ? "none" : "all") }
              }
              width={40}
              height={20}
              opacity={styles.opacity}
              transform={template`translate(${styles.left}, ${styles.top})`}
              key={keyAccessor(node)}
            &gt;
              &lt;Node node={node} nodeClickHandler={nodeClickHandler} key={key} /&gt;
            &lt;/animated.g&gt;
          );
        })}
      &lt;/Transition&gt;
    );
  };
  </code></pre>
  
  <p>In react-spring 8, there is no transition and animate.</p>
  
  <p>How can I upgrade this code to the latest version.</p>