QTable error: Maximum recursive updates exceeded in component, If json data more than 1 level.

[hks2002]

What happened?

<template>
  <q-page class="column flex-center">
    <q-table dense row-key="itemNO" :rows="rows" :rows-per-page-options="[0]">
    </q-table>
  </q-page>
</template>

<script setup>
import { ref } from 'vue';
let rows = ref([
  {
    itemNO: 1,
    site: 'ZHU',
    orderNO: 'ZREP2212001',
    orderLine: '1000',
    trackingNO: 'ZREP2212001-1',
    projectNO: 'ZDSRP220085',
    oriProjectNO: ' ',
    orderType: 'REP-Services',
    orderPN: 'PCFPUPG2100073',
    orderPNVersion: ' ',
    orderPNDesc: 'UPGRADE 956A1228G04 => 956A1273G01',
    mark: ' ',
    paint: ' ',
    requireManual: '',
    requireTest: '',
    requireCalibration: 'Y',
    orderQty: 1,

    orderCurrency: 'RMB',
    customerCode: '21012',

    orderDate: '2022-12-06',
    priority: '',
    priorityCode: '1',
    orderRequestDate: '2023-02-22',
    orderPlanedDate: '2023-02-22',
    projectStatusCode: '5',
    projectStatus: 'Customer StandBy',
    projectBlockReasonCode: '7',
    projectBlockReason: 'WAITING TOOL',
    daysLeft: -599,
    TQCCntPass: 0,
    TQCCntNC: 0,
    IQCCntPass: 0,
    IQCCntNC: 0,
    FQCCntPass: 0,
    FQCCntNC: 0,
    PCKCntPass: 0,
    PCKCntNC: 0,
    NC: [],
    assignToLineNote: {},
    statusLineNote: {
      id: 9,
      line: 'ZREP2212001-1000',
      project: 'ZDSRP220085',
      note_type: 'STATUS',
      note: '测试3',
      note_user: 'Robert HUANG',
      create_at: '2024-10-12',
      create_by: 7,
      update_at: '2024-10-12',
      update_by: 7,
    },
    SOBOM: [
      {
        PO: [
          {
            site: 'ZHU',
            purchaseNO: 'ZCF2200374',
            purchaseLine: '1000',
            purchaseProjectNO: 'ZDSRP220085',
            purchasePN: 'PCFPUPG2100073',
            purchasePNVersion: '#',
            purchasePNDesc: 'UPGRADE',
            purchaseQty: 1,

            localCurrency: 'RMB',
            purchaseUnit: 'UN',
            vendorCode: '27437',

            purchaseAckDate: '2023-02-24',
            purchaseExpectDate: '2023-02-24',
            purchaseDate: '2022-12-16',
            purchaseUser: 'BSUN',
            daysLeft: -597,
            lineNote: {},
            RA: [
              {
                site: 'ZHU',
                receiptNO: 'ZRA2300079',
                receiptLine: '1000',
                receiptPurchaseNO: 'ZCF2200374',
                receiptPurchaseLine: '1000',
                receiptDate: '2023-03-10',
                receiptor: 'HHUA',
                receiptQty: 1,
              },
            ],
          },
        ],
      },
      {
        PO: [
          {
            site: 'ZHU',
            purchaseNO: 'ZCT2300026',
            purchaseLine: '4000',
            purchaseProjectNO: 'ZDSRP220085',
            purchasePN: 'FACHTRAAUT',
            purchasePNVersion: ' ',
            purchasePNDesc: 'TRANSPORT HORS GROUPE',
            purchaseQty: 1,

            localCurrency: 'RMB',
            purchaseUnit: 'UN',
            vendorCode: '20349',

            purchaseAckDate: '2023-03-31',
            purchaseExpectDate: '2023-03-31',
            purchaseDate: '2023-03-31',
            purchaseUser: 'LZHA',
            daysLeft: -562,
            lineNote: {},
          },
        ],
      },
    ],
    SOBOMTotal: 0,
    SOBOMAlloc: 0,
    SOBOMShort: 0,
    POTotal: 0,
    POBomPNLine: 0,
    POPnogPNQty: 0,
    POFinalPNQty: 1,
    RABomPNLine: 0,
    RAPnogPNQty: 0,
    RAFinalPNQty: 1,
    SOBOMAllocVsTotal: 100,
    POTotalVsSOBOMShort: 100,
    RABomPNLineVsPOBomPNLine: 100,
    RAPnogPNQtyVsPOPnogPNQty: 100,
    RAFinalPNQtyVsPOFinalPNQty: 100,
    TQCPassQtyVsSOQty: 0,
    IQCPassQtyVsSOQty: 0,
    FQCPassQtyVsSOQty: 0,
    PCKPassQtyVsSOQty: 0,
  },
]);
</script>

What did you expect to happen?

with no error message.

Reproduction URL

https://stackblitz.com/edit/quasarframework-webpack-tj7h1d

How to reproduce?

1. Run it
2. Open dev panel
3. See consol log.

Flavour

Quasar CLI with Webpack (@quasar/cli | @quasar/app-webpack)

Areas

Components (quasar)

Platforms/Browsers

No response

Quasar info output

Operating System - Windows_NT(10.0.19045) - win32/x64
NodeJs - 22.9.0

Global packages
  NPM - 9.7.2
  yarn - 1.22.19
  @quasar/cli - undefined
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.17.0 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-webpack - 3.14.0 -- Quasar Framework App CLI with Webpack
  @quasar/extras - 1.16.12 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.5.12 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.4.5
  pinia - Not installed
  vuex - Not installed
  electron - Not installed
  electron-packager - Not installed
  @electron/packager - Not installed
  electron-builder - Not installed
  @babel/core - 7.25.8 -- Babel compiler core.
  webpack - 5.95.0 -- Packs ECMAScript/CommonJs/AMD modules for the browser. Allows you to split your codebase into multiple bundles, which can be loaded on demand. Supports loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.
  webpack-dev-server - 4.11.1 -- Serves a webpack app. Updates the browser on changes.
  workbox-webpack-plugin - Not installed
  register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
  typescript - 4.9.4 -- TypeScript is a language for application scale JavaScript development
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  *None installed*

Relevant log output

Uncaught (in promise) Maximum recursive updates exceeded in component <QTable>. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.

Additional context

No response

[hks2002]

Can't use ref, use shallowRef to disable deep.