Comments (9)
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.
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.
+1 Also get this error on navigation. Is there anything special I should be doing in unmounting?
from react-infinite-scroll-component.
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.
It happens when you leave the page with this component and the option pullDownToRefresh is enabled
from react-infinite-scroll-component.
hi @ankeetmaini
Our implementation has:
<InfiniteScroll
pullDownToRefresh
pullDownToRefreshContent={<h3 style={{ textAlign: 'center' }}>↓ Pull down to refresh</h3>}
releaseToRefreshContent={<h3 style={{ textAlign: 'center' }}>↑ 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.
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.
Did anyone get a solution for this issue? I am facing this same error on pulltorefresh.
from react-infinite-scroll-component.
I face the same error.. anything new?
from react-infinite-scroll-component.
Related Issues (20)
- Scroll Both Direction (bidirectional infinite scroll) HOT 3
- Integration with Headless UI popover not working as expected.
- Block is appearing during scroll HOT 1
- Number 0 appears when finish loading message appears HOT 1
- `scrollableTarget` throws error `Type 'HTMLElement' is not assignable to type 'ReactNode'` in React 18 HOT 3
- Inverse does not work if you do not set a specific height
- Not calling next function on long screens HOT 13
- can not working in shadowDOM
- react-infinite-scroll-component is no longer maintained HOT 3
- The component is not working after a certain amount of items in the list
- Don't loading new content, if initial content height <= screen height HOT 5
- Please modify the npm docs and mention that for the dataLength prop we need to pass the actual length of the data that we are currently rendering.
- TypeError on latest Next.js HOT 4
- Bidirectional Infinite Scroll HOT 2
- Wrong calculation in isElementAtTop method causing percentage scrollThreshold to fail in inverse mode HOT 1
- Invalid Hook call on SetProgress -> 100%
- is this library supported horizontal scroll?
- 【IMPORT FOR EVERYONE】HOW TO FIX:Don't load new items when content height <= screen height HOT 2
- Possibility to pass throttle time as props
- How can I change the scrollY when the InfiniteScroll has rendered HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-infinite-scroll-component.