Gissues: Unhandled error during execution of scheduler flush

johnkevs15

Aug 9th 2023

Vue version

3.3.4

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-2prrdk?file=src%2Fcomponents%2FDashboard.vue,src%2Fcomponents%2FInventoryTable.vue,src%2Fcomponents%2FProductTable.vue&terminal=dev

Steps to reproduce

I have two files the first file name "InventoryTable" and the other one file name is "ProductTable this two file are already link in my dashboard and I am in the dashbord page and when I click the Inventory button which is the ProductTable file

What is expected?

The table column should displayed as well as the dynamic column name

What is actually happening?

console error throw message: runtime-core.esm-bundler.js:41 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core and shared.esm-bundler.js:81 Uncaught (in promise) RangeError: Maximum call stack size exceeded at Function.defineProperty () at def (shared.esm-bundler.js:81:1) at markRaw (reactivity.esm-bundler.js:949:1) at setupStatefulComponent (runtime-core.esm-bundler.js:7227:1) at setupComponent (runtime-core.esm-bundler.js:7197:1) at mountComponent (runtime-core.esm-bundler.js:5599:1) at processComponent (runtime-core.esm-bundler.js:5565:1) at patch (runtime-core.esm-bundler.js:5040:1) at mountChildren (runtime-core.esm-bundler.js:5284:1) at mountElement (runtime-core.esm-bundler.js:5191:1)