'DevExpress React Grid Reordering along with fixed column not working

There is a problem with @devexpress/dx-react-grid-material-ui when reordering the columns and if the grid has a fixed column in place , if we drop the column on another column and not drop it in the given spot , it moves the column to right ( after fixed column ).

Expected is if its not dropped in either right of left of a column it has to go back to its original location.

Imports code :

 import { 
  ...
  TableColumnResizing,
  TableFixedColumns,
  ...
} from '@devexpress/dx-react-grid-material-ui';

Fixed column code :

  <TableFixedColumns
      leftColumns={[fixedColumns.concat('action'), TableSelection.COLUMN_TYPE]}
      rightColumns={['command']}
      cellComponent={FixedCell}
    />

Column reordering code :

 <TableColumnReordering defaultOrder={columns.map((column) => column.name)} />


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source