ClipPath animation is broken

The following code works on 4.6.1 and doesn’t on 5.1.3:

import React, { Component } from 'react';
import { Animated, Easing, AppRegistry, View } from 'react-native';
import { ClipPath, Defs, Path, Rect, Svg } from 'react-native-svg';


class Clipped extends Component {
	
	render() {
		
		const { clipWidth } = this.props;
		
		return <Svg width="340" height="110" viewBox="0 0 340 110">
			<Defs>
				<ClipPath id="clip">
					<Rect x={clipWidth} y={0} width={340 - clipWidth} height={110} />
				</ClipPath>
			</Defs>
			<Path stroke="rgba(0, 0, 0, 0.2)" strokeLinecap="round" strokeWidth={7} fill="none" d="M10,100 C100,-10 240,-10 330,100" clipPath="url(#clip)"> /</Path>
		</Svg>;
	}
	
}


const AnimatedClipped = Animated.createAnimatedComponent(Clipped);


export default class ClipTest extends Component {
	
	constructor() {
		
		super();

		this._width = new Animated.Value(0);
	}

	componentDidMount() {
		Animated.timing(
			this._width,
			{
				toValue: 150,
				easing: Easing.inOut(Easing.ease),
				duration: 500
			}
		).start();
	}
	
	render() {
		return <AnimatedClipped clipWidth={this._width} />;
	}
}

AppRegistry.registerComponent('ClipTest', () => ClipTest); 

[magicismight]

4.5.0 or 4.6.1. Sorry about this, I’m quite busy those days, I’ll fix this as soon as I can.

[AlbertBrand]

I can confirm this.