Property 'fill' was whitelisted both as UI and native prop. Please remove it from one of the lists. #5989
Labels
Missing info
The user didn't precise the problem enough
Missing repro
This issue need minimum repro scenario
Platform: Android
This issue is specific to Android
Platform: iOS
This issue is specific to iOS
Description
There is some piece of code that uses animated props
` const animatedProps = useAnimatedProps(
() => {
if (!scrollOffsetAnimatedValue) return { fill: '#ffffff' };
And animated SVG
const AnimatedPath = Animated.createAnimatedComponent(Path);
<Svg width='21' height='21' viewBox='0 0 21 21' fill='none'> <AnimatedPath fillRule='evenodd' clipRule='evenodd' d='...' animatedProps={animatedProps} /> </Svg>
Finally, we have this error - Property 'fill' was whitelisted both as UI and native prop. Please remove it from one of the lists.
Version of react-native-reanimated - 3.9.0, react-native-svg - 13.10.0
Steps to reproduce
Snack or a link to a repository
Reanimated version
3.9.0
React Native version
0.72.1
Platforms
Android, iOS
JavaScript runtime
None
Workflow
React Native
Architecture
None
Build type
None
Device
None
Device model
No response
Acknowledgements
Yes
The text was updated successfully, but these errors were encountered: