diff --git a/components/lib/datatable/BodyCell.js b/components/lib/datatable/BodyCell.js
index 283ec55204..5607bcbcf5 100644
--- a/components/lib/datatable/BodyCell.js
+++ b/components/lib/datatable/BodyCell.js
@@ -618,16 +618,12 @@ export const BodyCell = React.memo((props) => {
             );
         } else if (rowReorder) {
             const showReorder = props.showRowReorderElement ? props.showRowReorderElement(props.rowData, { rowIndex: props.rowIndex, props: props.tableProps }) : true;
+
             const rowReorderIconClassName = 'p-datatable-reorderablerow-handle';
-            const rowReorderIconProps = mergeProps(
-                {
-                    className: rowReorderIconClassName
-                },
-                getColumnProp('rowReorderIcon')
-            );
-            const rowReorderIcon = getColumnProp('rowReorderIcon') || <BarsIcon {...rowReorderIconProps} />;
 
-            content = showReorder && IconUtils.getJSXIcon(rowReorderIcon, { ...rowReorderIconProps }, { props });
+            const rowReorderIcon = getColumnProp('rowReorderIcon') || <BarsIcon className={rowReorderIconClassName} />;
+
+            content = showReorder && IconUtils.getJSXIcon(rowReorderIcon, { className: rowReorderIconClassName }, { props });
         } else if (expander) {
             const rowTogglerIconProps = mergeProps(
                 {