Coder Social home page Coder Social logo

Comments (9)

ankeetmaini avatar ankeetmaini commented on July 25, 2024 1

Sorry guys for not getting to this. I'll investigate it this weekend, if you can share a reproducible example, it would be great!

from react-infinite-scroll-component.

LanceMango avatar LanceMango commented on July 25, 2024

I get the same error: In my case, I have a list of items and when I click on one item I link to another route. Then the error is thrown. any ideas?

from react-infinite-scroll-component.

devlin-Smith avatar devlin-Smith commented on July 25, 2024

+1 Also get this error on navigation. Is there anything special I should be doing in unmounting?

from react-infinite-scroll-component.

jacqueswho avatar jacqueswho commented on July 25, 2024

it has to do with the refresh functionality. if you leave out the refresh option. its no longer a problem. for now just leave out pullDownToRefresh prop

from react-infinite-scroll-component.

jacqueswho avatar jacqueswho commented on July 25, 2024

It happens when you leave the page with this component and the option pullDownToRefresh is enabled

from react-infinite-scroll-component.

devlin-Smith avatar devlin-Smith commented on July 25, 2024

hi @ankeetmaini

Our implementation has:

<InfiniteScroll
      pullDownToRefresh
      pullDownToRefreshContent={<h3 style={{ textAlign: 'center' }}>&#8595; Pull down to refresh</h3>}
      releaseToRefreshContent={<h3 style={{ textAlign: 'center' }}>&#8593; Release to refresh</h3>}
      refreshFunction={refreshSearch}
      next={requestNextPage}
      hasMore={!pageSettings.isLastPage}
      loader={<h1>Loading...</h1>}
    >

This is inside a component fed all its properties and actions from its container.
The content is a map of tiles:

<Tile y={y} key={id} x={x} />);

These have click handlers on them that fire a navigate action.

<Link
                  to={`/url/${id}`}
                  className="btn btn--primary search-result-tile__book-btn"
                >{txt}</Link>

(This next bit is an assumption)
Is it related to the click handler firing a drag action and navigate action at the same time, and then causing some actions to fire, while the component is un-mounting?

Thanks for any feedback.

from react-infinite-scroll-component.

ankeetmaini avatar ankeetmaini commented on July 25, 2024

Hoping you got around the issue. Closing this as it's open for a long time now. Please reopen if you still face any issues.

from react-infinite-scroll-component.

ayushnawani avatar ayushnawani commented on July 25, 2024

Did anyone get a solution for this issue? I am facing this same error on pulltorefresh.

from react-infinite-scroll-component.

 avatar commented on July 25, 2024

I face the same error.. anything new?

from react-infinite-scroll-component.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.