ERROR Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

Question

ERROR Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

Closed this issue 2 years ago · 10 comments

Answer 1 · 2023-01-06T03:43:47.000Z

any solution now? I got this error when using multistorycontainer

Answer 2 · 2023-01-06T03:54:46.000Z

@fukemy Which react-native-reanimated version are you using in project ?

Answer 3 · 2023-01-06T04:03:05.000Z

here is my package.json:

    "react-native-reanimated": "^2.9.0",
    "react-native-gesture-handler": "^2.5.0",

Answer 4 · 2023-01-06T04:10:53.000Z

@fukemy Can you upgrade reanimated version to 2.10.0 and let us know after ?
Probable reason for this waring is in Animated.Flatlist we can not pass ref in earlier version.

This issue was fixed in reanimated 2.10.0.
Changelog of react-native-reniamted 2.9.0 to 2.10.0
software-mansion/react-native-reanimated@970576f

Answer 5 · 2023-01-06T04:19:52.000Z

Hi, thanks for your suggest, i tried version 2.10.0 and the problem disappear, but I have another question, can I post here?

I have customview like this:

renderCustomView={() => (
                <Pressable onPress={() => {
                  alert('btn clicked')
                }} style={{
                    position: 'absolute',
                    backgroundColor: 'green',
                    top: 46,
                    right: 55,
                  }}>
                  <FontAwesome5Icon name='heart' size={20} color='white'/>
                </Pressable>
              )}

But I can not click, I dont know why, only close button clickable, please see the image below:

Answer 6 · 2023-01-06T04:38:30.000Z

On android i can not swipe to see other story
https://user-images.githubusercontent.com/8202437/210930824-6af44e49-3164-4e0e-b5d4-29b6a41ed3cb.MOV

Answer 7 · 2023-01-06T04:41:04.000Z

@fukemy Can you please create separate issue for these ? We'll look into this.

Answer 8 · 2023-01-06T04:41:46.000Z

@fukemy Can you upgrade reanimated version to 2.10.0 and let us know after ? Probable reason for this waring is in Animated.Flatlist we can not pass ref in earlier version.

This issue was fixed in reanimated 2.10.0. Changelog of react-native-reniamted 2.9.0 to 2.10.0 software-mansion/react-native-reanimated@970576f

@karimApps142 Please follow the same. This should resolve your issue.

Answer 9 · 2023-01-06T04:48:29.000Z

ok bro, I will create issue request

Answer 10 · 2023-01-06T04:48:35.000Z

@fukemy Thanks, We will close this issue as it is resolved.