Any concrete example about how to use react-motion for SVG path with D3?

Question

All:

I am pretty new to React-Motion, most examples on its github is about how to interpolate single number, I wonder I want to apply a array of data objects to it, how can I implement this?

My use case is to implement same effect of transition from D3 for svg path

I am thinking something like:

<Transition data={data}>
    {
        (interpolateData)=> {
             return <path d={interpolateData} />
        }
    }
</Transition>

Thanks