Getting Flow errors with flow 0.75.0 and react-native 0.56.0

[ferrannp]

[satya164]

Will be great if you could post the error message

[Esemesek]

Flow version: 0.75.0
React Native version: 0.56.0

Flow error:

Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/react-native-paper/src/components/Card/Card.js:117:10

Cannot create TouchableWithoutFeedback element because property style is missing in object type [1] but exists in
props [2].

     node_modules/react-native-paper/src/components/Card/Card.js
     114│       <AnimatedPaper
     115│         style={[styles.card, { borderRadius: roundness, elevation }, style]}
     116│       >
 [2] 117│         <TouchableWithoutFeedback
     118│           delayPressIn={0}
     119│           onPress={onPress}
     120│           onPressIn={onPress ? this._handlePressIn : undefined}
     121│           onPressOut={onPress ? this._handlePressOut : undefined}
     122│           style={styles.container}
     123│         >
     124│           <View style={styles.innerContainer}>
     125│             {React.Children.map(
     126│               children,
     127│               (child, index) =>
     128│                 React.isValidElement(child)
     129│                   ? React.cloneElement(child, {
     130│                       index,
     131│                       total,
     132│                       siblings,
     133│                     })
     134│                   : child
     135│             )}
     136│           </View>
     137│         </TouchableWithoutFeedback>
     138│       </AnimatedPaper>
     139│     );
     140│   }

     node_modules/react-native/Libraries/Components/Touchable/TouchableWithoutFeedback.js
 [1] 246│ }): any): React.ComponentType<Props>);


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/react-native-paper/src/components/ProgressBar/ProgressBar.js:6:34

Cannot resolve module ./ProgressBarComponent.

     3│ import * as React from 'react';
     4│ import { StyleSheet } from 'react-native';
     5│ import setColor from 'color';
     6│ import ProgressBarComponent from './ProgressBarComponent';
     7│ import withTheme from '../../core/withTheme';
     8│ import type { Theme } from '../../types';
     9│


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/react-native-paper/src/components/Searchbar.js:160:26

Cannot assign c to this._root because null [1] is incompatible with InternalTextInputType [2].

     node_modules/react-native-paper/src/components/Searchbar.js
 [2]  77│   _root: TextInput;
        :
     157│           underlineColorAndroid="transparent"
     158│           returnKeyType="search"
     159│           ref={c => {
     160│             this._root = c;
     161│           }}
     162│           value={value}
     163│           {...rest}

     /private/tmp/flow/flowlib_3f0b319b/react.js
 [1] 185│   | ((React$ElementRef<ElementType> | null) => mixed)


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/react-native-paper/src/components/TextInput.js:425:26

Cannot assign c to this._root because null [1] is incompatible with InternalTextInputType [2].

     node_modules/react-native-paper/src/components/TextInput.js
 [2] 226│   _root: NativeTextInput;
        :
     422│         <NativeTextInput
     423│           {...rest}
     424│           ref={c => {
     425│             this._root = c;
     426│           }}
     427│           onChangeText={this._handleChangeText}
     428│           placeholder={label ? this.state.placeholder : this.props.placeholder}

     /private/tmp/flow/flowlib_3f0b319b/react.js
 [1] 185│   | ((React$ElementRef<ElementType> | null) => mixed)


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/react-native-paper/src/components/Typography/Text.js:38:24

Cannot assign c to this._root because null [1] is incompatible with ReactNativeComponent [2].

     node_modules/react-native-paper/src/components/Typography/Text.js
 [2]  22│   _root: NativeText;
        :
      35│       <NativeText
      36│         {...this.props}
      37│         ref={c => {
      38│           this._root = c;
      39│         }}
      40│         style={[
      41│           { fontFamily: theme.fonts.regular, color: theme.colors.text },

     /private/tmp/flow/flowlib_3f0b319b/react.js
 [1] 185│   | ((React$ElementRef<ElementType> | null) => mixed)

[gawrysiak]

2.1.0, the list got shorter, but still getting those:

Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/react-native-paper/src/components/Appbar/AppbarHeader.js:137:26

Cannot call withTheme with AppbarHeader bound to Comp because property statusBarHeight is missing in Props [1] but
exists in Props [2] in type argument Props [3].

     node_modules/react-native-paper/src/components/Appbar/AppbarHeader.js
 [2]  87│ class AppbarHeader extends React.Component<Props> {
        :
     134│   },
     135│ });
     136│
     137│ export default withTheme(AppbarHeader);
     138│

     /private/tmp/flow/flowlib_314c0eac/react.js
 [3]  26│ declare class React$Component<Props, State = void> {

     node_modules/react-native-paper/src/components/Appbar/Appbar.js
 [1]  71│ class Appbar extends React.Component<Props> {


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/react-native-paper/src/components/BottomNavigation.js:235:10

Cannot create TouchableWithoutFeedback element because:
 • property borderless is missing in object type [1] but exists in props [2].
 • property rippleColor is missing in object type [1] but exists in props [2].

     node_modules/react-native-paper/src/components/BottomNavigation.js
     232│   Platform.OS === 'android'
     233│     ? TouchableRipple
     234│     : ({ style, children, ...rest }) => (
 [2] 235│         <TouchableWithoutFeedback {...rest}>
     236│           <View style={style}>{children}</View>
     237│         </TouchableWithoutFeedback>
     238│       );
     239│
     240│ class SceneComponent extends React.PureComponent<*> {

     node_modules/react-native/Libraries/Components/Touchable/TouchableWithoutFeedback.js
 [1] 257│ }): any): React.ComponentType<Props>);


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/react-native-paper/src/components/FAB/FABGroup.js:323:26

Cannot call withTheme with FABGroup bound to Comp because property actions is missing in Props [1] but exists in
Props [2] in type argument Props [3].

     node_modules/react-native-paper/src/components/FAB/FABGroup.js
 [2] 124│ class FABGroup extends React.Component<Props, State> {
        :
     320│
     321│ polyfill(FABGroup);
     322│
     323│ export default withTheme(FABGroup);
     324│
     325│ const styles = StyleSheet.create({
     326│   container: {

     /private/tmp/flow/flowlib_314c0eac/react.js
 [3]  26│ declare class React$Component<Props, State = void> {

     node_modules/react-native-paper/src/components/FAB/FAB.js
 [1]  88│ class FAB extends React.Component<Props> {


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/react-native-paper/src/components/ProgressBar/ProgressBar.js:55:8

Cannot create ProgressBarComponent element because:
 • property color is missing in object type [1] but exists in props [2].
 • property indeterminate is missing in object type [1] but exists in props [2].
 • property styleAttr is missing in object type [1] but exists in props [2].

     node_modules/react-native-paper/src/components/ProgressBar/ProgressBar.js
     52│       .string();
     53│
     54│     return (
 [2] 55│       <ProgressBarComponent
     56│         styleAttr="Horizontal"
     57│         indeterminate={false}
     58│         progress={progress}
     59│         progressTintColor={tintColor}
     60│         color={tintColor}
     61│         style={[styles.progressBarHeight, style]}
     62│         trackTintColor={trackTintColor}
     63│       />
     64│     );
     65│   }
     66│ }

     node_modules/react-native/Libraries/Components/ProgressViewIOS/ProgressViewIOS.ios.js
 [1] 97│   ReactNative.NativeComponent<Props>,


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/react-native-paper/src/components/Switch.js:125:8

Cannot create NativeSwitch element because:
 • property onTintColor is missing in object type [1] but exists in props [2].
 • property thumbTintColor is missing in object type [1] but exists in props [2].

     node_modules/react-native-paper/src/components/Switch.js
     122│               : grey50;
     123│
     124│     return (
 [2] 125│       <NativeSwitch
     126│         {...props}
     127│         value={value}
     128│         disabled={disabled}
     129│         onTintColor={trackTintColor}
     130│         thumbTintColor={thumbTintColor}
     131│         onValueChange={disabled ? undefined : onValueChange}
     132│       />
     133│     );
     134│   }
     135│ }

     node_modules/react-native/Libraries/Components/Switch/Switch.js
 [1]  85│ class Switch extends React.Component<Props> {

last one reported here: #571

RN 0.57.0
flow 0.78.0

[Zaporozhec7]

@ferrannp Why this issue is closed? I'm also faced similar errors

Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/react-native-paper/src/components/ProgressBar/ProgressBar.js:6:34

Cannot resolve module ./ProgressBarComponent.

     3│ import * as React from 'react';
     4│ import { StyleSheet } from 'react-native';
     5│ import setColor from 'color';
     6│ import ProgressBarComponent from './ProgressBarComponent';
     7│ import { withTheme } from '../../core/theming';
     8│ import type { Theme } from '../../types';
     9│