Using animate attribute leads to reanimatedError

[tomihbk]

Is there an existing issue for this?

• I have searched the existing issues

Code of Conduct

• I agree to follow this project's Code of Conduct

Victory version

41.17.4

Code Sandbox link

No response

Bug report

{({ points, chartBounds }) => (
            <Bar
              points={points.totalMonthlyCost}
              chartBounds={chartBounds}
              color="#6366f1"
              animate={{ type: 'spring', duration: 500 }} // <----- this part leads into an error
              labels={{ position: 'top', font, color: '#000' }}
              barWidth={15}
              roundedCorners={{ topLeft: 4, topRight: 4 }}
            >
              <LinearGradient
                ... />
            </Bar>
          )}

After adding the animate attribute to the bar, I get reanimated error  :

ERROR  ReanimatedError: [Reanimated] Trying to access property `setProp` of an object which cannot be sent to the UI runtime., js engine: reanimated
 ERROR  ReanimatedError: [Reanimated] Trying to access property `setProp` of an object which cannot be sent to the UI runtime., js engine: reanimated
 ERROR  ReanimatedError: [Reanimated] Trying to access property `setProp` of an object which cannot be sent to the UI runtime., js engine: reanimated
 ERROR  ReanimatedError: [Reanimated] Trying to access property `setProp` of an object which cannot be sent to the UI runtime., js engine: reanimated
 ERROR  ReanimatedError: [Reanimated] Trying to access property `setProp` of an object which cannot be sent to the UI runtime., js engine: reanimated
 ERROR  ReanimatedError: [Reanimated] Trying to access property `setProp` of an object which cannot be sent to the UI runtime., js engine: reanimated
 ERROR  ReanimatedError: [Reanimated] Trying to access property `setProp` of an object which cannot be sent to the UI runtime., js engine: reanimated
 ERROR  ReanimatedError: [Reanimated] Trying to access property `setProp` of an object which cannot be sent to the UI runtime., js engine: reanimated
 ERROR  ReanimatedError: [Reanimated] Trying to access property `setProp` of an object which cannot be sent to the UI runtime., js engine: reanimated
 ERROR  ReanimatedError: [Reanimated] Trying to access property `setProp` of an object which cannot be sent to the UI runtime., js engine: reanimated
 ERROR  ReanimatedError: [Reanimated] Trying to access property `setProp` of an object which cannot be sent to the UI runtime., js engine: reanimated


react-native-reanimated : 3.10.1

I am using RN with Expo, and I have built the app multiple times via EAS. I also disabled the new arch but still, same issue.

Steps to reproduce

Expected behavior

Actual behavior

Environment

- Device:Desktop
- OS:Windows 22H2
- Node:v20.9.0
- npm:10.1.0

[github-actions]

This issue is stale because it has been open for 90 days with no activity. If there is no activity in the next 7 days, the issue will be closed.

[github-actions]

This issue was closed because it has been inactive for 7 days since being marked as stale. Please open a new issue if you believe you are encountering a related problem.