diff --git a/ui/src/views/infra/network/ServiceProvidersTab.vue b/ui/src/views/infra/network/ServiceProvidersTab.vue
index 7844d75a1c6..d58a004e244 100644
--- a/ui/src/views/infra/network/ServiceProvidersTab.vue
+++ b/ui/src/views/infra/network/ServiceProvidersTab.vue
@@ -1281,8 +1281,8 @@ export default {
       }
     },
     setFormRules () {
-      this.form = {}
-      this.rules = {}
+      this.form = reactive({})
+      this.rules = reactive({})
       this.currentAction.fieldParams.forEach(field => {
         this.rules[field.name] = []
         const rule = {}