[MobX] uncaught error issue with no online documentation

0
What's up forum, I am building a page where I restyle a bunch of mendix default widgets (no marketplace widgets present except for the datawidgets used in datagrid filters) . Its happening more and more frequently that the page freezes when I use a widget and the console keeps infinitely logging this:[mobx] uncaught error in 'Reaction[observer]'Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops. Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops. at getRootForUpdatedFiber (http://localhost:8080/dist/index-CfphW9Z9.js:22636:167) at enqueueConcurrentRenderForLane (http://localhost:8080/dist/index-CfphW9Z9.js:22626:54) at forceStoreRerender (http://localhost:8080/dist/index-CfphW9Z9.js:23512:17) at Object.onStoreChange (http://localhost:8080/dist/index-CfphW9Z9.js:23498:39) at e.onInvalidate_ (http://localhost:8080/dist/Datagrid-BH-zPY24.js:4:58555) at t.runReaction_ (http://localhost:8080/dist/Datagrid-BH-zPY24.js:4:24859) at yn (http://localhost:8080/dist/Datagrid-BH-zPY24.js:4:26258) at mn (http://localhost:8080/dist/Datagrid-BH-zPY24.js:4:25985) at http://localhost:8080/dist/Datagrid-BH-zPY24.js:4:29194 at reactDom_development.unstable_batchedUpdates (http://localhost:8080/dist/Image-B-jURf8e.js:257:12)From what I can tell this is an issue within mendix itself and not something I can actively manipulate to work. Ive seen online that there are 0 related mendix forum posts or documentation pages but I can find that this happens more often for people who work with React. My question is: What can I do to resolve this without digging in the mendix source code itself?
asked
1 answers
0

Hi Lan


1. Remove transition: all Replace with explicit properties like transition: opacity 0.3s near any DataGrid element.

2. Avoid reflow-triggering CSS Properties like width: calc(), height: auto, overflow changes near DataGrid cause layout recalculations that feed the loop.

3. Update Data Widgets Go to Marketplace modules → Data Widgets → update to latest. Known MobX loop fixes exist in newer versions.

4. Check custom JS Any JS using MutationObserver, window.resize, or DOM manipulation near the DataGrid can trigger MobX reactions.

5. Isolate the trigger Temporarily remove ALL custom CSS from the DataGrid. If freeze stops, re-add styles one by one to find the culprit.

6. Scope your CSS strictly Only apply safe visual styles (border, box-shadow, border-radius) to the DataGrid container. Leave filter internals untouched.

7. Use Chrome Performance tab Record while freezing. Look for repeated "Recalculate Style" entries — that confirms which CSS is causing the loop.

I hope this helps

answered