'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 ...