Warnings when used with Animated.createAnimatedComponent
See original GitHub issueGetting a warning when using svg components created with createAnimatedComponent.
Related code in react-native: https://github.com/facebook/react-native/blob/master/Libraries/Animated/createAnimatedComponent.js#L230
Repro:
import { Animated } from "react-native";
import { Circle } from "react-native-svg";
const AnimatedCircle = Animated.createAnimatedComponent(Circle);
Then put circle anywhere:
<AnimatedCircle />
And here is the warning:
index.js:1 Warning: Received `false` for a non-boolean attribute `collapsable`.
If you want to write it to the DOM, pass a string instead: collapsable="false" or collapsable={value.toString()}.
If you used to conditionally omit it with collapsable={condition && value}, pass collapsable={condition ? value : undefined} instead.
in circle (created by Circle)
in Circle (created by AnimatedComponent)
in AnimatedComponent (created by ForwardRef(AnimatedComponentWrapper))
in ForwardRef(AnimatedComponentWrapper) (at CircularProgress.tsx:52)
...
Issue Analytics
- State:
- Created 3 years ago
- Reactions:7
- Comments:7
Top Results From Across the Web
Warnings when used with Animated.createAnimatedComponent
Getting a warning when using svg components created with createAnimatedComponent. ... And here is the warning: index.js:1 Warning: Received `false ...
Read more >Warnings when used with Animated.createAnimatedComponent
Getting a warning when using svg components created with createAnimatedComponent. Related code in react-native:
Read more >How to use the react-native-reanimated ... - Snyk
To help you get started, we've selected a few react-native-reanimated.createAnimatedComponent examples, based on popular ways it is used in public projects.
Read more >Warning: Functions are not valid as a React child While ...
ERROR MESSAGE Warning: Functions are not valid as a React child. This may happen if you return a Component instead of from render....
Read more >please update the following components: animatedcomponent - You ...
I use animation with React and I get this warning on the console: ... (at View.js:34) in View (at createAnimatedComponent.js:165) in AnimatedComponent (at ......
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I am seeing this too with react native web
Is there any ETA on this update?