diff --git a/packages/nc-gui-v2/components/smartsheet-column/RatingOptions.vue b/packages/nc-gui-v2/components/smartsheet-column/RatingOptions.vue
index 5c8a65f2eb..483fbd8962 100644
--- a/packages/nc-gui-v2/components/smartsheet-column/RatingOptions.vue
+++ b/packages/nc-gui-v2/components/smartsheet-column/RatingOptions.vue
@@ -5,7 +5,7 @@ import { getMdiIcon, enumColor } from '@/utils'
 const { formState, validateInfos, setAdditionalValidations, sqlUi, onDataTypeChange, onAlter } = useColumnCreateStoreOrThrow()
 
 // cater existing v1 cases
-const iconList = ref([
+const iconList = [
   {
     full: 'mdi-star',
     empty: 'mdi-star-outline',
@@ -26,7 +26,7 @@ const iconList = ref([
     full: 'mdi-flag',
     empty: 'mdi-flag-outline',
   },
-])
+]
 
 const rowSize = ref(10)
 
@@ -48,7 +48,7 @@ function compare(colorA: any, colorB: any) {
       <a-form-item label="Icon">
         <a-select v-model:value="formState.meta.icon" size="small" class="w-52">
           <!-- TODO: handle value -->
-          <a-select-option v-for="(icon, i) in iconList ?? []" :key="i" :value="icon">
+          <a-select-option v-for="(icon, i) of iconList" :key="i" :value="icon">
             <component
               :is="getMdiIcon(icon.full)"
               :style="{