hunk.code_window:   // Dry-route props back if nothing's using 'auto' in there
     if (![...getValues(from), ...getValues(to)].some(check)) return
     // Fetch render v-dom
     const element = spring.renderChildren(props, spring.convertValues(props))
     // Return v.dom with injected ref
     return (
       <element.type
  
hunk.labels: keep keep keep add keep keep keep keep
hunk.after_edit:   const elementStyles = element.props.style
  
hunk.file_path: src/animated/targets/react-dom/fix-auto.js
hunk.type: add
file: import React from 'react'
  import { Trail, animated } from 'react-spring'
  import './styles.css'
  
  export default class TrailsExample extends React.PureComponent {
    state = { toggle: true, items: ['item1', 'item2', 'item3', 'item4', 'item5'] }
    toggle = () => this.setState(state => ({ toggle: !state.toggle }))
    render() {
      const { toggle, items } = this.state
      return (
        <div style={{ backgroundColor: '#247BA0' }}>
          <Trail
            native
            from={{ opacity: 0, x: -100 }}
            to={{ opacity: toggle ? 1 : 0.25, x: toggle ? 0 : 100 }}
            keys={items}>
            {items.map(item => ({ x, opacity }) => (
              <animated.div
                className="box"
                onClick={this.toggle}
                style={{
                  opacity,
                  transform: x.interpolate(x => `translate3d(${x}%,0,0)`),
                }}
              />
            ))}
          </Trail>
        </div>
      )
    }
  }
  