Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

'Maximum update depth exceeded' error with Sortable

See original GitHub issue

Here is an example: https://codesandbox.io/s/dnd-kit-issue-eq952

https://user-images.githubusercontent.com/7955306/139406591-7a542b60-c578-485f-9058-8abe8f376e5b.mov

The problem is because of items filtering. But if we remove it we get empty space when move item out of the container

const filteredItems = activeId && isOutOfContainer ? items.filter((item) => item !== activeId) : items;

https://user-images.githubusercontent.com/7955306/139406934-653e5071-a45e-42fd-9d45-5c52222f8017.mov

Issue Analytics

State:
Created 2 years ago
Reactions:5
Comments:16 (1 by maintainers)

Top GitHub Comments

3reactions

Android789515commented, Apr 28, 2022

Getting the same issue; same error with <Accessibility>.

1reaction

mvpindevcommented, Feb 28, 2022

@clauderic I checked the forked sandbox aswell and was able to replicate it. Imo this should be opened again.

Error-Gif

Top Results From Across the Web

Why I get error: "Maximum update depth exceeded" when ...

Calling sortBy is calling setState which is triggering a re-render (calling render ) which is calling sortBy , etc. It's an infinite loop....

Error: Maximum update depth exceeded. in react-Reactjs

Coding example for the question Error: Maximum update depth exceeded. in react-Reactjs.

Invariant Violation: maximum update depth exceeded react js

Invariant Violation: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate.

material-table/Lobby - Gitter

I would like to overide the sorting in material table is there a way? Naoyuki Tai ... Uncaught Error: Maximum update depth exceeded....

ReactJS: Maximum update depth exceeded error - SyntaxFix

Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the ...