Unhandled error during execution of render function
Vue version
3.3.4
Link to minimal reproduction
Steps to reproduce
export const getAssignmentChecksById = async (id) => { try { const params = { id: id } return await axios.get('http://localhost:8080/submissions/checks', { params }).then(response => response.data) } catch (error) { throw { code: error.code, message: error.message, responseStatus: error.response?.status, } } }
const checks = ref([]) const marks = ref([]) getAssignmentChecksById(id).then(response => { checks.value = response for (var i = 0; i < checks.value.length; i++) { marks.value.push(Number(5).toFixed(1)) } })
What is expected?
No warning
What is actually happening?
Warning
[Vue warn]: Unhandled error during execution of render function at at <MarkingView onVnodeUnmounted=fn ref=Ref< Proxy(Object) {v_skip: true} > > at at warn2 @ chunk-J6475X5X.js?v=923ead7e:1449 logError @ chunk-J6475X5X.js?v=923ead7e:1623 handleError @ chunk-J6475X5X.js?v=923ead7e:1615 renderComponentRoot @ chunk-J6475X5X.js?v=923ead7e:2261 componentUpdateFn @ chunk-J6475X5X.js?v=923ead7e:7162 run @ chunk-J6475X5X.js?v=923ead7e:423 instance.update @ chunk-J6475X5X.js?v=923ead7e:7212 callWithErrorHandling @ chunk-J6475X5X.js?v=923ead7e:1565 flushJobs @ chunk-J6475X5X.js?v=923ead7e:1763 Promise.then (async) queueFlush @ chunk-J6475X5X.js?v=923ead7e:1676 queueJob @ chunk-J6475X5X.js?v=923ead7e:1670 (anonymous) @ chunk-J6475X5X.js?v=923ead7e:7208 triggerEffect @ chunk-J6475X5X.js?v=923ead7e:614 triggerEffects @ chunk-J6475X5X.js?v=923ead7e:604 triggerRefValue @ chunk-J6475X5X.js?v=923ead7e:1211 set value @ chunk-J6475X5X.js?v=923ead7e:1255 (anonymous) @ MarkingView.vue:110 Promise.then (async) setup @ MarkingView.vue:109 callWithErrorHandling @ chunk-J6475X5X.js?v=923ead7e:1565 setupStatefulComponent @ chunk-J6475X5X.js?v=923ead7e:8631 setupComponent @ chunk-J6475X5X.js?v=923ead7e:8592 mountComponent @ chunk-J6475X5X.js?v=923ead7e:6997 processComponent @ chunk-J6475X5X.js?v=923ead7e:6963 patch @ chunk-J6475X5X.js?v=923ead7e:6436 componentUpdateFn @ chunk-J6475X5X.js?v=923ead7e:7171 run @ chunk-J6475X5X.js?v=923ead7e:423 instance.update @ chunk-J6475X5X.js?v=923ead7e:7212 callWithErrorHandling @ chunk-J6475X5X.js?v=923ead7e:1565 flushJobs @ chunk-J6475X5X.js?v=923ead7e:1763 Promise.then (async) queueFlush @ chunk-J6475X5X.js?v=923ead7e:1676 queuePostFlushCb @ chunk-J6475X5X.js?v=923ead7e:1696 queueEffectWithSuspense @ chunk-J6475X5X.js?v=923ead7e:3010 scheduler @ chunk-J6475X5X.js?v=923ead7e:3179 triggerEffect @ chunk-J6475X5X.js?v=923ead7e:614 triggerEffects @ chunk-J6475X5X.js?v=923ead7e:604 triggerRefValue @ chunk-J6475X5X.js?v=923ead7e:1211 (anonymous) @ chunk-J6475X5X.js?v=923ead7e:1371 triggerEffect @ chunk-J6475X5X.js?v=923ead7e:614 triggerEffects @ chunk-J6475X5X.js?v=923ead7e:599 triggerRefValue @ chunk-J6475X5X.js?v=923ead7e:1211 (anonymous) @ chunk-J6475X5X.js?v=923ead7e:1371 triggerEffect @ chunk-J6475X5X.js?v=923ead7e:614 triggerEffects @ chunk-J6475X5X.js?v=923ead7e:599 triggerRefValue @ chunk-J6475X5X.js?v=923ead7e:1211 set value @ chunk-J6475X5X.js?v=923ead7e:1255 finalizeNavigation @ vue-router.js?v=923ead7e:2410 (anonymous) @ vue-router.js?v=923ead7e:2320 Promise.then (async) pushWithRedirect @ vue-router.js?v=923ead7e:2288 push @ vue-router.js?v=923ead7e:2214 install @ vue-router.js?v=923ead7e:2566 use @ chunk-J6475X5X.js?v=923ead7e:5143 (anonymous) @ main.js?t=1708876103126:22 Show 49 more frames Show less MarkingView.vue:110 [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 at at <MarkingView onVnodeUnmounted=fn ref=Ref< Proxy(Object) {v_skip: true} > > at at
System Info
No response
Any additional comments?
No response