The complex object stored in pinia can't work

[dqli164]

Reproduction

store complex object in pinia, and look through in devtool

Steps to reproduce the bug

i request the backend goods api interface and save the returned data as follows, but i found the Good object stored in pinia is not right throuth devtool.

export const useChurchGoodStore = defineStore('church-good-v4', {
  state: () => ({
    Goods: {
      Goods: [] as Array<Good>,
      Total: 0
    }
  }),
  getters: {},
  actions: {
    getGoods (req: GetGoodsRequest, done: (goods: Array<Good>, error: boolean) => void) {
      doActionWithError<GetGoodsRequest, GetGoodsResponse>(
        API.GET_GOODS,
        req,
        req.Message,
        (resp: GetGoodsResponse): void => {
          this.Goods.Goods.push(...resp.Infos)
          this.Goods.Total = resp.Total
          done(resp.Infos, false)
        }, () => {
          done([], true)
        })
    }
  }
})

Expected behavior

{
  "ID":"567463d0-a00f-49e7-9c8c-24d554b4f43f",
  "Price":"100",
  "Title":"CreateGoodTest"
  "SupportTypes": [
  	{
  		"Type1": "value1",
  		"Type2": "value2"
		}
  ],
}

Actual behavior

{
  "ID":"567463d0-a00f-49e7-9c8c-24d554b4f43f",
  "Price":"100",
  "Title":"CreateGoodTest"
  "SupportTypes": [
  	{
           __v_isVNode: true,
         __v_skip:true,
        anchor:undefined,
        appContext:undefined
        }
  ],
}

Additional information

vue3 & pinia 2.0.13