diff --git a/packages/dx-react-grid-bootstrap3/src/templates/table-header-cell.jsx b/packages/dx-react-grid-bootstrap3/src/templates/table-header-cell.jsx
index 3ee304879c..ee4fd86d10 100644
--- a/packages/dx-react-grid-bootstrap3/src/templates/table-header-cell.jsx
+++ b/packages/dx-react-grid-bootstrap3/src/templates/table-header-cell.jsx
@@ -40,12 +40,12 @@ export class TableHeaderCell extends React.PureComponent {
   render() {
     const {
       style, column, tableColumn,
-      showGroupingControls, onGroup, groupingEnabled,
       draggingEnabled, resizingEnabled,
-      onWidthChange, onWidthDraft, onWidthDraftCancel,
+      onWidthChange, onWidthDraft, onWidthDraftCancel, getCellWidth,
       tableRow, children,
       // @deprecated
-      showSortingControls, sortingDirection, sortingEnabled, onSort, before, getCellWidth,
+      showGroupingControls, onGroup, groupingEnabled,
+      showSortingControls, sortingDirection, sortingEnabled, onSort, before,
       ...restProps
     } = this.props;
     const { dragging } = this.state;
@@ -143,5 +143,5 @@ TableHeaderCell.defaultProps = {
   onWidthDraftCancel: undefined,
   children: undefined,
   before: undefined,
-  getCellWidth: undefined,
+  getCellWidth: () => {},
 };
diff --git a/packages/dx-react-grid-bootstrap4/src/templates/table-header-cell.jsx b/packages/dx-react-grid-bootstrap4/src/templates/table-header-cell.jsx
index 4429ca2c0d..4365980834 100644
--- a/packages/dx-react-grid-bootstrap4/src/templates/table-header-cell.jsx
+++ b/packages/dx-react-grid-bootstrap4/src/templates/table-header-cell.jsx
@@ -41,12 +41,12 @@ export class TableHeaderCell extends React.PureComponent {
   render() {
     const {
       className, column, tableColumn,
-      showGroupingControls, onGroup, groupingEnabled,
       draggingEnabled, onWidthDraftCancel,
-      resizingEnabled, onWidthChange, onWidthDraft,
+      resizingEnabled, onWidthChange, onWidthDraft, getCellWidth,
       tableRow, children,
       // @deprecated
-      showSortingControls, sortingDirection, sortingEnabled, onSort, before, getCellWidth,
+      showGroupingControls, onGroup, groupingEnabled,
+      showSortingControls, sortingDirection, sortingEnabled, onSort, before,
       ...restProps
     } = this.props;
     const { dragging } = this.state;
@@ -136,5 +136,5 @@ TableHeaderCell.defaultProps = {
   onWidthDraft: undefined,
   onWidthDraftCancel: undefined,
   children: undefined,
-  getCellWidth: undefined,
+  getCellWidth: () => {},
 };
diff --git a/packages/dx-react-grid-material-ui/src/templates/table-header-cell.jsx b/packages/dx-react-grid-material-ui/src/templates/table-header-cell.jsx
index 8263787eb6..cbf0983b18 100644
--- a/packages/dx-react-grid-material-ui/src/templates/table-header-cell.jsx
+++ b/packages/dx-react-grid-material-ui/src/templates/table-header-cell.jsx
@@ -126,12 +126,12 @@ class TableHeaderCellBase extends React.PureComponent {
   render() {
     const {
       style, column, tableColumn,
-      showGroupingControls, onGroup, groupingEnabled,
-      draggingEnabled,
-      resizingEnabled, onWidthChange, onWidthDraft, onWidthDraftCancel,
+      draggingEnabled, resizingEnabled,
+      onWidthChange, onWidthDraft, onWidthDraftCancel, getCellWidth,
       classes, tableRow, className, children,
       // @deprecated
-      showSortingControls, sortingDirection, sortingEnabled, onSort, before, getCellWidth,
+      showGroupingControls, onGroup, groupingEnabled,
+      showSortingControls, sortingDirection, sortingEnabled, onSort, before,
       ...restProps
     } = this.props;
 
@@ -226,7 +226,7 @@ TableHeaderCellBase.defaultProps = {
   className: undefined,
   children: undefined,
   before: undefined,
-  getCellWidth: undefined,
+  getCellWidth: () => {},
 };
 
 export const TableHeaderCell = withStyles(styles, { name: 'TableHeaderCell' })(TableHeaderCellBase);