diff --git a/app/assets/javascripts/groups/groups_filterable_list.js b/app/assets/javascripts/groups/groups_filterable_list.js
index 9a8797caf36..d1347dc5a6e 100644
--- a/app/assets/javascripts/groups/groups_filterable_list.js
+++ b/app/assets/javascripts/groups/groups_filterable_list.js
@@ -1,7 +1,7 @@
 import FilterableList from '~/filterable_list';
 
 export default class GroupFilterableList extends FilterableList {
-  constructor(form, filter, holder, store) {
+  constructor({ form, filter, holder, store }) {
     super(form, filter, holder);
 
     this.store = store;
diff --git a/app/assets/javascripts/groups/index.js b/app/assets/javascripts/groups/index.js
index 4d0f415bfc2..29dd6709421 100644
--- a/app/assets/javascripts/groups/index.js
+++ b/app/assets/javascripts/groups/index.js
@@ -78,7 +78,7 @@ $(() => {
     created() {
       let groupFilterList = null;
 
-      groupFilterList = new GroupFilterableList(form, filter, holder, store);
+      groupFilterList = new GroupFilterableList({ form, filter, holder, store });
       groupFilterList.initSearch();
 
       this.fetchGroups()