diff --git a/source/components/VisualTools/VisDataTable/VisDataTableControl/VisDataTableControl.js b/source/components/VisualTools/VisDataTable/VisDataTableControl/VisDataTableControl.js
index e404929..eebc003 100644
--- a/source/components/VisualTools/VisDataTable/VisDataTableControl/VisDataTableControl.js
+++ b/source/components/VisualTools/VisDataTable/VisDataTableControl/VisDataTableControl.js
@@ -10,7 +10,9 @@ import VisSortableItem from './VisSortableItem/VisSortableItem';
 
 import './VisDataTableControl.css';
 
-const SortableContainer = ({ children }) => <div>{children}</div>;
+function SortableContainer({ children }) {
+  return <div>{children}</div>;
+}
 
 export default class VisDataTableControl extends PureComponent {
   constructor(props) {
diff --git a/source/components/VisualTools/VisDataTable/VisDataTableControl/VisSortableItem/VisSortableItem.js b/source/components/VisualTools/VisDataTable/VisDataTableControl/VisSortableItem/VisSortableItem.js
index b3a0e96..b393c1a 100644
--- a/source/components/VisualTools/VisDataTable/VisDataTableControl/VisSortableItem/VisSortableItem.js
+++ b/source/components/VisualTools/VisDataTable/VisDataTableControl/VisSortableItem/VisSortableItem.js
@@ -5,7 +5,7 @@ import { useDrag } from 'react-dnd';
 
 import './VisSortableItem.css';
 
-const DragHandle = () => {
+function DragHandle() {
   const [{ isDragging }, drag] = useDrag({
     collect: (monitor) => ({
       isDragging: !!monitor.isDragging(),
@@ -17,9 +17,9 @@ const DragHandle = () => {
       <FontAwesomeIcon icon={faGripLines} style={{ opacity: isDragging ? 0.4 : 1 }} />
     </div>
   );
-};
+}
 
-const VisSortableItem = (props) => {
+function VisSortableItem(props) {
   return (
     <div className="vis-sortable-item">
       <DragHandle />
@@ -37,6 +37,6 @@ const VisSortableItem = (props) => {
       </div>
     </div>
   );
-};
+}
 
 export default VisSortableItem;