undefined is not an object (evaluating '_react2.PropTypes.arrayOff')

[thanhppm]

Hello, when i have devlopment with react-native-slideshow, i have one off issue be like "undefined is not an object (evaluating '_react2.PropTypes.arrayOff')". this is errors display http://prntscr.com/hhm4u1 Could you help me? Thanks

[bec-smith]

I have the same issue

[IElgohary]

It's because in later versions of react, prop-types is an independent npm module. just run npm install --save prop-types and in Slideshow.js, remove PropTypes from the imports from React and add this line: import PropTypes from 'prop-types';

[thanhppm]

Thank you @IElgohary

[adityajhordan]

@IElgohary yup, it solved, but every time I did rm -rf node_modules then npm install, we have to write PropTypes at SlideShow.js again, is there any solution for that ?

[ReangeloJ]

@IElgohary What do you mean? I added the npm install and imported proptypes but i still get an error.

[ReangeloJ]

import React from 'react'; import { View, Text, Button, StyleSheet } from 'react-native'; import Slideshow from 'react-native-slideshow'; import PropTypes from 'prop-types';

class SlideshowGallery extends React.Component { constructor(props) { super(props);

    this.state = {
        position: 1,
        interval: null,
        dataSource: [
            {
                title: 'Title 1',
                caption: 'Caption 1',
                url: 'http://placeimg.com/640/480/any',
            }, {
                title: 'Title 2',
                caption: 'Caption 2',
                url: 'http://placeimg.com/640/480/any',
            }, {
                title: 'Title 3',
                caption: 'Caption 3',
                url: 'http://placeimg.com/640/480/any',
            },
        ],
    };
}

componentWillMount() {
    this.setState({
        interval: setInterval(() => {
            this.setState({
                position: this.state.position === this.state.dataSource.length ? 0 : this.state.position + 1
            });
        }, 2000)
    });
}

componentWillUnmount() {
    clearInterval(this.state.interval);
}

render() {
    return (
        <Slideshow
            dataSource={this.state.dataSource}
            position={this.state.position}
            onPositionChanged={position => this.setState({ position })} />
    );
}

}

export default SlideshowGallery;

[wmars91]

@hesusdios import your prop-type at node_modules/react-native-slideshow/Slideshow.js

[ahmedcs2600]

It works 👍 npm install --save prop-types and in Slideshow.js, remove PropTypes from the imports from React and add this line: import PropTypes from 'prop-types';

[IElgohary]

@adityajhordan Sorry for the late reply. Personally, I just took the code from Slideshow.js and added it to my code.

[ga-reth]

Hi, I have used the above solutions: +npm install --save prop-types +Slideshow.js: import PropTypes from 'prop-types';

However, I'm still receiving the error.

[marcmoo]

haqihaqi, could you patch your code as IElgohary suggested?

[Muedgar]

I am using react-native-slideshow but I get this error: Cannot read property 'arrayOf' of undefined.

I did as some answer suggested: // install prop-types module // then import it in the codebase import React, { Component } from 'react'; import PropTypes from 'prop-types'; import Slideshow from 'react-native-slideshow';

export default class App extends Component {

render() { return ( <Slideshow dataSource={[ { url:'http://placeimg.com/640/480/any' }, { url:'http://placeimg.com/640/480/any' }, { url:'http://placeimg.com/640/480/any' } ]}/> ); } }

But I am still getting the same error: Help me please

[Muedgar]

I solved the issue

[robiadiprawira]

@Muedgar how u solved the issue ?

i have same issue here ...

[mercxry]

@haqiqiw Can you push this fix to npm?

[SIR-MHD]

Hi everybody. I have the same issue, i tried solutions up here and still have the error how do i fix this, please help

[suresssh]

it can be fixed by removing Proptypes which import from react, then import Proptypes from prop-types in Slideshow.js (react-native-slideshow).

[syyam]

@Muedgar How did you solve that?

[Uzairrrr]

npm install --save prop-types and in Slideshow.js,(node module/react-native-slideshow/slideshow.js) remove PropTypes from the imports from React and add this line: import PropTypes from 'prop-types';

[salmansayyidulhaq]

import React from 'react'; import { View, Text, Button, StyleSheet } from 'react-native'; import Slideshow from 'react-native-slideshow'; import PropTypes from 'prop-types';

class SlideshowGallery extends React.Component { constructor(props) { super(props);

    this.state = {
        position: 1,
        interval: null,
        dataSource: [
            {
                title: 'Title 1',
                caption: 'Caption 1',
                url: 'http://placeimg.com/640/480/any',
            }, {
                title: 'Title 2',
                caption: 'Caption 2',
                url: 'http://placeimg.com/640/480/any',
            }, {
                title: 'Title 3',
                caption: 'Caption 3',
                url: 'http://placeimg.com/640/480/any',
            },
        ],
    };
}

componentWillMount() {
    this.setState({
        interval: setInterval(() => {
            this.setState({
                position: this.state.position === this.state.dataSource.length ? 0 : this.state.position + 1
            });
        }, 2000)
    });
}

componentWillUnmount() {
    clearInterval(this.state.interval);
}

render() {
    return (
        <Slideshow
            dataSource={this.state.dataSource}
            position={this.state.position}
            onPositionChanged={position => this.setState({ position })} />
    );
}

}

export default SlideshowGallery;

can it be from firebase?