Drag and drop report JSON conversion error in production environment

[wenyongda]

There is no problem with using it in the development environment. But I will report Error when I pack and deploy to the production environment. Converting circular structure to JSON --> starting at object with constructor 'Object' But the function is good.

[Alfred-Skyblue]

Due to the fact that your object structure does not support JSON serialization, you can pass a custom cloning function to implement your own cloning functionality.

import { cloneDeep } from 'lodash-es'

useDraggable(el, list, {
  clone: cloneDeep
})

[luveqz]

In my case, I had stored my list on a Pinia store, so it was enough for me to use toRaw():

import { toRaw } from 'vue'

useDraggable(el, list, {
  clone: toRaw
})