Environment

• Operating System: Linux
• Node Version: v20.12.0
• Nuxt Version: 3.16.1
• CLI Version: 3.24.0
• Nitro Version: 2.11.8
• Package Manager: [email protected]
• Builder: -
• User Config: modules, devtools, compatibilityDate, future, css
• Runtime Modules: @nuxt/[email protected]
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.2

Reproduction

https://codesandbox.io/p/devbox/fervent-montalcini-9slyvd

Description

When using reactive elements with arrays as sub-elements passed to UTable, there is no reactivity, despite using push methods, which are reactive in other elements:

const nestedArrays = ref({
  array1: [],
  array2: [],
});

nestedArrays.value.array1.push('NEW ELEMENT') ==> UTable is not updated

Additional context

No response

Logs