Forced Reflow while Executing JS and Maximum Update Depth Exceeded Warning

Hello,

As a brief description I have built an application which allows users to upload excel files to an ag-grid.

After my upload I see dozens of JS Violations: “Forced Reflow while Executing JS”. As well as a “Maximum Update Depth Exceeded Warning” which I believe to be a result of the former JS violation.

These Violations/Warnings continually build up over time by just idly viewing the corresponding page. Eventually this causes my page to have poor performance.

I’m looking for some guidance on how to fix these errors and a deeper understanding of these types of problems for future applications.

Here’s some snippets of the errors I’ve been encountering:

  • [Violation] Forced reflow while executing JavaScript took ms
Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.
    at Pl (http://x/_dash-component-suites/dash_ag_grid/async-community.js:1500:92591)
    at Suspense
    at h (http://x/_dash-component-suites/dash_ag_grid/dash_ag_grid.v32_3_1m1755010894.min.js:1:919)
    at CheckedComponent (http://x/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at http://x/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:195229
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:559975
    at Ko (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:623199)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:195229
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:556763
    at un (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:557142)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at Av (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:819488)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at div
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:195229
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:246298
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:816830
    at Dv (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:818586)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:195229
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:198605
    at kr (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:583936)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:195229
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:556763
    at un (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:557142)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at Ae (http://x:39217/_dash-component-suites/dash/html/dash_html_components.v3_0_4m1755010892.min.js:1:58539)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at Ae (http://x:39217/_dash-component-suites/dash/html/dash_html_components.v3_0_4m1755010892.min.js:1:58539)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:195229
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:556763
    at un (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:557142)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at f (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:11391)
    at mC (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:969516)
    at IC (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:973587)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at div
    at DebugMenu (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:80819:21)
    at div
    at UnconnectedGlobalErrorContainer (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:80355:5)
    at ConnectFunction (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:71214:68)
    at UnconnectedContainer (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:74417:28)
    at ConnectFunction (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:71214:68)
    at UnconnectedAppContainer (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:74644:5)
    at ConnectFunction (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:71214:68)
    at Provider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:70929:20)
    at AppProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:74734:25)
Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.
    at Pl (http://x:39217/_dash-component-suites/dash_ag_grid/async-community.js:1500:92591)
    at Suspense
    at h (http://xxx/_dash-component-suites/dash_ag_grid/dash_ag_grid.v32_3_1m1755010894.min.js:1:919)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x0:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:195229
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:559975
    at Ko (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:623199)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:195229
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:556763
    at un (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:557142)
    at CheckedComponent (http://x0:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at Av (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:819488)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at div
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:195229
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:246298
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:816830
    at Dv (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:818586)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x0:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at http:/x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:195229
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:198605
    at kr (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:583936)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:195229
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:556763
    at un (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:557142)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at Ae (http://x:39217/_dash-component-suites/dash/html/dash_html_components.v3_0_4m1755010892.min.js:1:58539)
    at CheckedComponent (http://x0:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at Ae (http://x:39217/_dash-component-suites/dash/html/dash_html_components.v3_0_4m1755010892.min.js:1:58539)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:195229
    at http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:556763
    at un (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:557142)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at f (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:11391)
    at mC (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:969516)
    at IC (http://x:39217/_dash-component-suites/dash_mantine_components/dash_mantine_components.v2_1_0m1755010893.js:2:973587)
    at CheckedComponent (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84190:19)
    at DashContextProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84227:24)
    at ComponentErrorBoundary (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:79916:5)
    at DashWrapper (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:84359:28)
    at div
    at div
    at DebugMenu (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:80819:21)
    at div
    at UnconnectedGlobalErrorContainer (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:80355:5)
    at ConnectFunction (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:71214:68)
    at UnconnectedContainer (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:74417:28)
    at ConnectFunction (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:71214:68)
    at UnconnectedAppContainer (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:74644:5)
    at ConnectFunction (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:71214:68)
    at Provider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:70929:20)
    at AppProvider (http://x:39217/_dash-component-suites/dash/dash-renderer/build/dash_renderer.v3_2_0m1755010892.dev.js:74734:25)

Hi @QP_123

It would be helpful to have minimal example to narrow down the issue - at least to which library/component may be causing the issue.

You get this error usually with custom components in dash_ag_grid or clientside callbacks that directly update the grid since dash_ag_grid v32.3, which can create an infinite loop.

E.g. in the snippet below, if I would not have ev.value !== previousValue.current, I would get the error messages that you are saying because I would create an infinite loop due to re-renderings in React.

const setProps = React.useCallback((ev) => {
        if ('value' in ev && ev.value && ev.value !== previousValue.current) {          
            previousValue.current = ev.value; // Update the ref
            const grid = window.dash_ag_grid.getApi(stringifyy(props.gridId));
            grid.forEachNode((node) => {
                // Update the specific column in the row data
                node.data[props.column.colId] = ev.value;
            });
            grid.refreshCells({ force: true });
            window.dash_clientside.set_props(props.storeId, { data: ev.value });
        }
    }, [props.gridId, props.column.colId, props.storeId]);
1 Like

I will post an example as soon as I can

Going to look into this. Thank you so much.