ArielMejiaDev / larapex-charts

A Laravel wrapper for apex charts
https://larapex-charts.netlify.app/
MIT License
290 stars 83 forks source link

DOMException: Failed to execute 'replaceState' on 'History': #<Object> could not be cloned #81

Closed laraben closed 1 year ago

laraben commented 1 year ago

Hi,

After debugging for a while, (because i thought the issue was with inertia or vue). I've found that when i submit a form and a chart is present on the page, i get an error:

@inertiajs_vue3.js?v=8c015caa:3819 Uncaught (in promise) DOMException: Failed to execute 'replaceState' on 'History': function(t4) { return x.isNumber(t4) ? a2(s2[Math.floor(t4) - 1]) : a2(t4); } could not be cloned. at C.replaceState (http://[::1]:5173/node_modules/.vite/deps/@inertiajs_vue3.js?v=8c015caa:3819:35) at C.saveScrollPositions (http://[::1]:5173/node_modules/.vite/deps/@inertiajs_vue3.js?v=8c015caa:3680:10) at C.resetScrollPositions (http://[::1]:5173/node_modules/.vite/deps/@inertiajs_vue3.js?v=8c015caa:3685:14) at http://[::1]:5173/node_modules/.vite/deps/@inertiajs_vue3.js?v=8c015caa:3811:19

I've cecked my configuration but can't see something wrong...

Once i remove the chart from te view, the form works perfectly. Once the chart added, the page works but i get an error on form submission

I use:

Does someone has a solution for this?

laraben commented 1 year ago

I've found the issue.

Maybe it could help someone else.

The problem was caused because i used the props without converting to refs()

Once i change this the error was gone and the app was working correctly