hunk.code_window:               {
                   ...props,
                   from: Object.entries(from).reduce(convert, from),
                   to: Object.entries(to).reduce(convert, to),
                 },
                 true
               )
             )
  
hunk.labels: keep keep keep keep add keep keep keep
hunk.after_edit:               true,
  
hunk.file_path: src/animated/targets/react-dom/fix-auto.js
hunk.type: add
file: import React from 'react'
  import { Group } from '@vx/group'
  import { Transition } from 'react-spring'
  
  import Link from './Link'
  import { findCollapsedParent } from './utils'
  
  function Links({ links, linkType, layout, orientation, stepPercent }) {
    return (
      <Group>
        <Transition
          items={links}
          keys={d => `${d.source.data.name}_${d.target.data.name}`}
          from={({ source, target }) => ({
            sx: source.data.x0,
            sy: source.data.y0,
            tx: source.data.x0,
            ty: source.data.y0,
          })}
          enter={({ source, target }) => ({
            sx: source.x,
            sy: source.y,
            tx: target.x,
            ty: target.y,
          })}
          update={({ source, target }) => ({
            sx: source.x,
            sy: source.y,
            tx: target.x,
            ty: target.y,
          })}
          leave={({ source, target }) => {
            const collapsedParent = findCollapsedParent(source)
            return {
              sx: collapsedParent.data.x0,
              sy: collapsedParent.data.y0,
              tx: collapsedParent.data.x0,
              ty: collapsedParent.data.y0,
            }
          }}>
          {links.map(link => styles => (
            <Link
              data={{
                source: { x: styles.sx, y: styles.sy },
                target: { x: styles.tx, y: styles.ty },
              }}
              linkType={linkType}
              layout={layout}
              orientation={orientation}
              stepPercent={stepPercent}
              stroke="#374469"
              strokeWidth="1"
              fill="none"
            />
          ))}
        </Transition>
      </Group>
    )
  }
  
  export default Links
  