Undefined is not an object( evaluating 'React.PropTypes.func')

[om-harry10]

I am trying to implemnet the same code which is mentioned in this library. which is

export default class Inviewport extends Component{
    constructor(props){
        super(props);
        this.state={
                visible:false,
        }
    }

checkVisible = (isVisible) => {
    if(isVisible){
      if(!this.state.visible){
        this.setState({visible: true});
      }
    }else{
      if(this.state.visible){
        this.setState({visible: false});
      }
    }
}

        render() {
        return (
            
            <ScrollView style={{flex: 1}}>
            <InViewPort onChange={(isVisible) => this.checkVisible(isVisible)}>
              <View style={{flex: 1, height: 200, backgroundColor: 'blue'}}>
                <Text style={{color: 'white'}}>View is visible? {this.state.visible}</Text>
              </View>
            </InViewPort>
        
            <InViewPort onChange={(isVisible) => this.checkVisible(isVisible)}>
              <View style={{flex: 1, height: 200, backgroundColor: 'green'}}>
                <Text style={{color: 'white'}}>View is visible? {this.state.visible}</Text>
              </View>
            </InViewPort>
        
            <InViewPort onChange={(isVisible) => this.checkVisible(isVisible)}>
              <View style={{flex: 1, height: 200, backgroundColor: 'red'}}>
                <Text style={{color: 'white'}}>View is visible? {this.state.visible}</Text>
              </View>
            </InViewPort>
        
            <InViewPort onChange={(isVisible) => this.checkVisible(isVisible)}>
              <View style={{flex: 1, height: 200, backgroundColor: 'orange'}}>
                <Text style={{color: 'white'}}>View is visible? {this.state.visible}</Text>
              </View>
            </InViewPort>
        
            <InViewPort onChange={(isVisible) => this.checkVisible(isVisible)}>
              <View style={{flex: 1, height: 200}}>
                <Text>View is visible? {this.state.visible}</Text>
              </View>
            </InViewPort>
          </ScrollView>
            
            
            );

        }
}

When I run this code I get error:

Please suggest a solution for it. Thanks in advance.

@yamill @ChelseyM @haiderali101

[sharmapr25]

@om-harry10 this repo is not getting maintain for a long time. Even I have raised a pr for this issue as a fix, not have been merged. Meanwhile, I have deployed a new library with the same functionality https://www.npmjs.com/package/@coffeebeanslabs/react-native-inviewport.