Expected a component class, got [object Object] about react-infinite-scroll-component

[ankeetmaini]

Could you figure this out? Is it sorted now?

[bogdan8]

@ankeetmaini sorry I thought this module for react-native)

[ankeetmaini]

No it should work just fine. I've not tested it. But the error seems like you're passing an object instead of a Component. Could you try storing the divs in a state variable and then pass just the variable.

<InfiniteScroll 
  pullDownToRefresh
  pullDownToRefreshContent={<h3 style={{textAlign: 'center'}}>&#8595; Pull down to refresh</h3>}
  releaseToRefreshContent={<h3 style={{textAlign: 'center'}}>&#8593; Release to refresh</h3>}
  refreshFunction={this.refresh}
  next={this.generateDivs}
  hasMore={true}
  loader={<h4>Loading...</h4>}>
  
  {this.state.someVariableContainingListOfDivs}

</InfiniteScroll>

[bogdan8]

@ankeetmaini so if you write it as a bug

const divs = [
    <div key={2} style={{height: 200, background: '#ffd47b'}}>Div no 2</div>,
    <div key={1} style={{height: 200, background: '#9bc95b'}}>Div no 1</div>,
    <div key={3} style={{height: 200, background: '#95a9d6'}}>Div no 3</div>,
    <div key={4} style={{height: 200, background: '#ffa8e1'}}>Div no 4</div>,
    <div key={5} style={{height: 200, background: '#9bc95b'}}>Div no 5</div>,
    <div key={6} style={{height: 200, background: '#ffd47b'}}>Div no 6</div>,
    <div key={7} style={{height: 200, background: '#95a9d6'}}>Div no 7</div>,
    <div key={8} style={{height: 200, background: '#ffa8e1'}}>Div no 8</div>,
  ];

class Home extends Component {
  state = {
    modalVisible: false,
    choseCategory: '',
    per: 2,
    someVariableContainingListOfDivs: divs
  };

[ankeetmaini]

Yes, this way, does this work? Or still the same error?

[bogdan8]

@ankeetmaini I get the same error Expected a component class, got [object Object]

[bogdan8]

@ankeetmaini I even tried to copy the example https://github.com/ankeetmaini/react-infinite-scroll-component/blob/master/demos/height.js and still this error

[ankeetmaini]

I'll check this and update!

…

On Tue, May 16, 2017, 9:35 PM Bogdan ***@***.***> wrote: @ankeetmaini <https://github.com/ankeetmaini> *I even tried to copy the example* https://github.com/ankeetmaini/react-infinite-scroll-component/blob/master/demos/height.js *and still this error* — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#18 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AGWDl9mbf47oMGnDuvoEU2-ZMhb0mq7hks5r6cllgaJpZM4NcrOn> .