Warning when using React.forwardRef to hand in ref to textField.

Description

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

Check the render method of Incubator.TextField.

Related to

[X] Components
[ ] Demo
[ ] Docs
[ ] Typings

Code snippet


export const A = () => {
  const aRef = useRef<TextFieldRef>(null);

  return (
    <View >     
        <B onChangeText={setPhoneNumber} ref={numberRef} />
        <Button
          onPress={() => {
              console.log(numberRef?.current?.validate());
          }}
        />
      </View>

  );

}

export const B = forwardRef((props: TextFieldProps, ref: ForwardedRef<TextFieldRef>) => {

   return (
      <TextField
         ref={ref}
        {...props}
      />
    );
}

Screenshots/Video

Environment

React Native version:
React Native UI Lib version:

Affected platforms

[ ] Android
[ ] iOS
[ ] Web

wix / react-native-ui-lib

Warning when using React.forwardRef to hand in ref to textField. #2747