Ag grid has an issue with release 0.7.1

[ozgulkah]

Hi Everyone,
When we upgrade our project to 0.7.1 we started to get an error:

Unhandled Runtime Error
TypeError: Argument 1 ('target') to ResizeObserver.observe must be an instance of Element

This error only occurs if we use ag grid in our code and it was perfectly working with previous release. Does anyone has same issue? Do we need to do anything with Next.js?

You may find full error message and our piece of code below.

Thank you.

---

Full error message:

observe@[native code]
useBrowserResizeObserver@http://localhost:3001/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:28918:35
registerViewportResizeListener@http://localhost:3001/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:26732:79
listenForResize@http://localhost:3001/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:22951:64
@http://localhost:3001/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:22937:33
whenReady@http://localhost:3001/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:35481:21
postConstruct@http://localhost:3001/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:22935:36
forEach@[native code]
initBeans@http://localhost:3001/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:10046:30
createBean@http://localhost:3001/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:10032:23
createManagedBean@http://localhost:3001/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:762:36
@http://localhost:3001/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:26613:62
forContainers@http://localhost:3001/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:26628:21
postConstruct@http://localhost:3001/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:26610:27
forEach@[native code]
initBeans@http://localhost:3001/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:10046:30
createBean@http://localhost:3001/_next/static/chunks/node_modules_ag-grid-community_dist_package_main_esm_mjs_8c7e5b._.js:10032:23
RowContainerComp.useCallback11[setRef2]@http://localhost:3001/_next/static/chunks/node_modules_ag-grid-react_dist_package_index_esm_mjs_bb3100._.js:2475:65
RowContainerComp.useCallback11[setViewportRef]@http://localhost:3001/_next/static/chunks/node_modules_ag-grid-react_dist_package_index_esm_mjs_bb3100._.js:2494:20
commitAttachRef@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:5900:66
runWithFiberInDEV@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:631:28
safelyAttachRef@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:5910:30
reappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6704:32
recursivelyTraverseReappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:89
reappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6680:57
recursivelyTraverseReappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:89
reappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6702:57
recursivelyTraverseReappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:89
reappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6702:57
recursivelyTraverseReappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:89
reappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6702:57
recursivelyTraverseReappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:89
reappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6680:57
recursivelyTraverseReappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:89
reappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6680:57
recursivelyTraverseReappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:89
reappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6728:57
recursivelyTraverseReappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6733:89
reappearLayoutEffects@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:6728:57
doubleInvokeEffectsOnFiber@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:8256:133
runWithFiberInDEV@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:631:28
recursivelyTraverseAndDoubleInvokeEffectsInDEV@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:95
recursivelyTraverseAndDoubleInvokeEffectsInDEV@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:246
recursivelyTraverseAndDoubleInvokeEffectsInDEV@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:246
recursivelyTraverseAndDoubleInvokeEffectsInDEV@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:246
recursivelyTraverseAndDoubleInvokeEffectsInDEV@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:246
recursivelyTraverseAndDoubleInvokeEffectsInDEV@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:246
recursivelyTraverseAndDoubleInvokeEffectsInDEV@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:246
recursivelyTraverseAndDoubleInvokeEffectsInDEV@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:246
recursivelyTraverseAndDoubleInvokeEffectsInDEV@http://localhost:3001/_next/static/chunks/node_modules_react-dom_82bb97._.js:8248:246

the piece of code I am using for ag-grid

ag_grid(
                id="ag_grid",
                row_data=State.list,
                column_defs=column_defs,
                theme="quartz",
                row_selection="single",
                pagination=True,
                pagination_page_size=10,
                pagination_page_size_selector=[10, 20, 30],
               on_selection_changed=State.handle_grid_selection,
                width="100%",  # Ensure full width
                height="62vh",  # Allow grid to fill available height
        ),

[ozgulkah]

Unhandled Runtime Error TypeError: Argument 1 ('target') to ResizeObserver.observe must be an instance of Element reflex 

[adhami3310]

read: https://github.com/orgs/reflex-dev/discussions/4967#discussioncomment-12518633