diff --git a/src/components/column/Column.d.ts b/src/components/column/Column.d.ts
index 30eb342cb9..c96a6e86bc 100644
--- a/src/components/column/Column.d.ts
+++ b/src/components/column/Column.d.ts
@@ -146,7 +146,7 @@ interface ColumnFilterOperatorChangeParams {
 
 interface ColumnFilterConstraintAddParams {
     field: string;
-    constraing: ColumnFilterMetaData;
+    constraint: ColumnFilterMetaData;
 }
 
 interface ColumnFilterConstraintRemoveParams extends ColumnFilterConstraintAddParams {}
diff --git a/src/components/datatable/ColumnFilter.js b/src/components/datatable/ColumnFilter.js
index a8c6357413..3a0d69ec12 100644
--- a/src/components/datatable/ColumnFilter.js
+++ b/src/components/datatable/ColumnFilter.js
@@ -305,7 +305,7 @@ export class ColumnFilter extends Component {
         let filters = { ...this.props.filters };
         let newConstraint = { value: null, matchMode: defaultConstraint.matchMode };
         filters[this.field].constraints.push(newConstraint);
-        filterConstraintAddCallback && filterConstraintAddCallback({ field: this.field, constraing: newConstraint });
+        filterConstraintAddCallback && filterConstraintAddCallback({ field: this.field, constraint: newConstraint });
         this.props.onFilterChange(filters);
 
         if (!this.getColumnProp('showApplyButton')) {
@@ -317,7 +317,7 @@ export class ColumnFilter extends Component {
         const filterConstraintRemoveCallback = this.getColumnProp('onFilterConstraintRemove');
         let filters = { ...this.props.filters };
         let removedConstraint = filters[this.field].constraints.splice(index, 1);
-        filterConstraintRemoveCallback && filterConstraintRemoveCallback({ field: this.field, constraing: removedConstraint });
+        filterConstraintRemoveCallback && filterConstraintRemoveCallback({ field: this.field, constraint: removedConstraint });
         this.props.onFilterChange(filters);
 
         if (!this.getColumnProp('showApplyButton')) {