Fix memoization for Animated components when no style is passed in #44269
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary:
Any component wrapped via
createAnimatedComponent()
will always re-render, because it creates a newstyle
object. It's impossible to memoize.Adding
useMemo()
here ensures that thestyle
object passed to the underlying object is stable: if nostyle
is passed to the wrapped component, then memoization can work.Allowing memoization to function when the
style
object is passed in will require a deeper fix. See https://fb.workplace.com/groups/rn.support/permalink/26084643474490921/Before:
{F1496803038}
After:
{F1496805410}
Differential Revision: D56618868