diff --git a/packages/playground/src/dashboard/components/public_ips_table.vue b/packages/playground/src/dashboard/components/public_ips_table.vue
index 83d5b9812f..ce0986e008 100644
--- a/packages/playground/src/dashboard/components/public_ips_table.vue
+++ b/packages/playground/src/dashboard/components/public_ips_table.vue
@@ -25,7 +25,7 @@
         </v-alert>
       </template>
       <template #[`header.data-table-select`]="{}">
-        <v-checkbox @change="e => (e.target.checked ? selectAllItems() : (selectedItems = []))"></v-checkbox>
+        <v-checkbox @change="updateSelectedItems"></v-checkbox>
       </template>
       <template #[`item.data-table-select`]="{ item }">
         <v-checkbox v-model="selectedItems" :value="item"></v-checkbox>
@@ -133,13 +133,16 @@ export default {
     const toPublicIP = ref();
     const gateway = ref();
     const isRemoving = ref(false);
-    const selectedItems = ref<string[] | number[] | symbol[] | undefined[]>([]);
+    const selectedItems = ref<any[]>([]);
     const items = ref<RemoveFarmIPModel[]>([]);
     const publicIpsPag = ref<PublicIp[]>([]);
 
     onMounted(async () => {
       await getFarmByID(props.farmId);
     });
+    function updateSelectedItems(e: any) {
+      e.target.checked ? selectAllItems() : (selectedItems.value = []);
+    }
     function selectAllItems() {
       selectedItems.value = publicIps.value as any[];
     }
@@ -215,6 +218,7 @@ export default {
       showDialogue,
       isRemoving,
       removeFarmIps,
+      updateSelectedItems,
       selectedItems,
       loadingIps,
       page,