I’m building a frontend application using Purescript Concur React and I’ve run into a stack overflow, apparently somewhere deep in the guts of the Concur/React layers. The stack trace (below) from the browser is fairly opaque (to me). Are there tools or techniques people have used in the past to diagnose what is causing these issues?
To provide a bit more color, my code looks okay, but I am creating many nodes, some fairly deeply nested. In particular, I am rendering a widget for each item in a list, and this error only occurs when the list gets above a certain length.
Uncaught RangeError: Maximum call stack size exceeded at Object.createElement (react.development.js:727) at Object.createElementWithValidation [as createElement] (react.development.js:1792) at foreign.js:140 at DOM.purs:21 at DOM.purs:21 at __do (Core.purs:47) at foreign.js:12 at Left.value0 (foreign.js:12) at __do (Types.purs:84) at foreign.js:12