diff --git a/docs/column-functionalities/filters/custom-filter.md b/docs/column-functionalities/filters/custom-filter.md
index a52494c4f..9947ed791 100644
--- a/docs/column-functionalities/filters/custom-filter.md
+++ b/docs/column-functionalities/filters/custom-filter.md
@@ -27,7 +27,7 @@ You can also create your own Custom Filter with any html/css you want and/or jQu
      { id: 'description', name: 'Description', field: 'description', type: FieldType.string,
        filterable: true,
        filter: {
-          model: new CustomInputFilter() // create a new instance to make each Filter independent from each other
+          model: CustomInputFilter // create a new instance to make each Filter independent from each other
        }
      }
    ];
diff --git a/docs/migrations/migration-to-2.x.md b/docs/migrations/migration-to-2.x.md
index 9ed71c7b5..f0258039c 100644
--- a/docs/migrations/migration-to-2.x.md
+++ b/docs/migrations/migration-to-2.x.md
@@ -232,8 +232,8 @@ this.columnDefinitions = [
      id: 'description', name: 'Description', field: 'description',
      filter: {
 -       type: FilterType.custom,
--       customFilter: new CustomInputFilter()
-+       model: new CustomInputFilter() // create a new instance to make each Filter independent from each other
+-       customFilter: CustomInputFilter
++       model: CustomInputFilter // create a new instance to make each Filter independent from each other
      }
    },
    {
diff --git a/packages/demo/src/examples/slickgrid/custom-aureliaViewModelEditor.ts b/packages/demo/src/examples/slickgrid/custom-aureliaViewModelEditor.ts
index 5ab8a0600..04cfa460f 100644
--- a/packages/demo/src/examples/slickgrid/custom-aureliaViewModelEditor.ts
+++ b/packages/demo/src/examples/slickgrid/custom-aureliaViewModelEditor.ts
@@ -79,7 +79,7 @@ export class CustomAureliaViewModelEditor implements Editor {
   async init() {
     if (!this.columnEditor?.params?.viewModel) {
       throw new Error(`[Aurelia-Slickgrid] For the Editors.aureliaComponent to work properly, you need to fill in the "templateUrl" property of your Custom Element Editor.
-      Example: this.columnDefs = [{ id: 'title', field: 'title', editor: { model: new CustomAureliaViewModelFilter(), collection: [...], param: { viewModel: MyVM } },`);
+      Example: this.columnDefs = [{ id: 'title', field: 'title', editor: { model: CustomEditor, collection: [...], param: { viewModel: MyVM } },`);
     }
     if (this.columnEditor?.params?.viewModel) {
       const bindableData = {
diff --git a/packages/demo/src/examples/slickgrid/custom-aureliaViewModelFilter.ts b/packages/demo/src/examples/slickgrid/custom-aureliaViewModelFilter.ts
index 649b23a2b..9ea204c5b 100644
--- a/packages/demo/src/examples/slickgrid/custom-aureliaViewModelFilter.ts
+++ b/packages/demo/src/examples/slickgrid/custom-aureliaViewModelFilter.ts
@@ -65,7 +65,7 @@ export class CustomAureliaViewModelFilter implements Filter {
 
     if (!this.columnFilter?.params?.viewModel) {
       throw new Error(`[Aurelia-Slickgrid] For the Filters.aureliaComponent to work properly, you need to fill in the "viewModel" property of your Custom Element Filter.
-      Example: this.columnDefs = [{ id: 'title', field: 'title', filter: { model: new CustomAureliaViewModelFilter(), collection: [...], param: { viewModel: MyVM } },`);
+      Example: this.columnDefs = [{ id: 'title', field: 'title', filter: { model: CustomFilter, collection: [...], param: { viewModel: MyVM } },`);
     }
 
     if (this.columnFilter.params.viewModel) {
diff --git a/packages/demo/src/examples/slickgrid/example23.ts b/packages/demo/src/examples/slickgrid/example23.ts
index be3574511..aa9a09c2e 100644
--- a/packages/demo/src/examples/slickgrid/example23.ts
+++ b/packages/demo/src/examples/slickgrid/example23.ts
@@ -103,7 +103,7 @@ export class Example23 {
         id: 'description', name: 'Description', field: 'description', filterable: true, sortable: true, minWidth: 80,
         type: FieldType.string,
         filter: {
-          model: new CustomInputFilter(), // create a new instance to make each Filter independent from each other
+          model: CustomInputFilter, // create a new instance to make each Filter independent from each other
           enableTrimWhiteSpace: true // or use global "enableFilterTrimWhiteSpace" to trim on all Filters
         }
       },
diff --git a/packages/demo/src/examples/slickgrid/example26.ts b/packages/demo/src/examples/slickgrid/example26.ts
index 8103c5c6e..d04dac0a2 100644
--- a/packages/demo/src/examples/slickgrid/example26.ts
+++ b/packages/demo/src/examples/slickgrid/example26.ts
@@ -96,7 +96,7 @@ export class Example26 {
         filterable: true,
         sortable: true,
         filter: {
-          model: new CustomAureliaViewModelFilter(),
+          model: CustomAureliaViewModelFilter,
           collection: this.assignees,
           params: {
             viewModel: FilterSelect
@@ -132,7 +132,7 @@ export class Example26 {
         filterable: true,
         sortable: true,
         filter: {
-          model: new CustomAureliaViewModelFilter(),
+          model: CustomAureliaViewModelFilter,
           collection: this.assignees,
           params: {
             viewModel: FilterSelect
diff --git a/packages/demo/src/examples/slickgrid/example4.ts b/packages/demo/src/examples/slickgrid/example4.ts
index 4c400df53..62698d75c 100644
--- a/packages/demo/src/examples/slickgrid/example4.ts
+++ b/packages/demo/src/examples/slickgrid/example4.ts
@@ -88,7 +88,7 @@ export class Example4 {
         id: 'description', name: 'Description', field: 'description', filterable: true, sortable: true, minWidth: 80,
         type: FieldType.string,
         filter: {
-          model: new CustomInputFilter(), // create a new instance to make each Filter independent from each other customFilter
+          model: CustomInputFilter, // create a new instance to make each Filter independent from each other customFilter
           enableTrimWhiteSpace: true
         }
       },