React-native-draggable-flatlist: ReactNativeFiberHostComponent: Calling getNode() on the ref of an Animated component is no longer necessary. You can now directly use the ref instead. This method will be removed in a future release.

[Preeternal]

Describe the bug
I got an warning:
ReactNativeFiberHostComponent: Calling getNode() on the ref of an Animated component is no longer necessary. You can now directly use the ref instead. This method will be removed in a future release.

[slavagoreev]

@Preeternal please, see this response. Reanimated should be of v1.
yarn add react-native-reanimated@1

https://github.com/computerjazz/react-native-draggable-flatlist/issues/244#issuecomment-777841894

[hraschan]

Is their a way to use Reanimated version 2 without the above mentioned warning?

[freezen82]

i have same issue with expo sdk 41. it updated Reanimated v2 and not downgradable.

[dkoodev]

Will this package support using reanimated v2 in the future?

[alburdette619]

Also interested in using with reanimated v2, we are using it and hermes on both platforms.

[NxsHbb]

@Preeternal please, see this response. Reanimated should be of v1.
yarn add react-native-reanimated@1

#244 (comment)

I am using expo SDK 42 and this solved my problem. Thanks....

[Makatun]

I am using expo SDK 42 too but still see the problem

[salamisodikiolawale]

Hello, I have the same and my project works with expo, I tried the different methods but I had errors 500. and so I came back to version 2 of reanimed, how can I set the warning with expo. it is urgent please

[slavagoreev]

Hello, I have the same and my project works with expo, I tried the different methods but I had errors 500. and so I came back to version 2 of reanimed, how can I set the warning with expo. it is urgent please

The only way how you may handle this is to ignore this error.

// App.tsx
import { LogBox } from 'react-native';

LogBox.ignoreLogs([
  'ReactNativeFiberHostComponent: Calling getNode() on the ref of an Animated component is no longer necessary. You can now directly use the ref instead. This method will be removed in a future release.',
]);

[slavagoreev]

Exactly the same fix were added to the library in https://github.com/computerjazz/react-native-draggable-flatlist/pull/278/files

[salamisodikiolawale]

How do I go about it?
i begining to react-native, can you give me directive for solve problems.

[slavagoreev]

How do I go about it?
i begining to react-native, can you give me directive for solve problems.

1. Use reanimated v2
2. Add the code I provided above in your App.jsx
3. It will suspend the warning and the rest will work just fine

[salamisodikiolawale]

https://github.com/computerjazz/react-native-draggable-flatlist/issues/277#issuecomment-880616826

Yessss, Thank you so much, it works.