chore: Refactoring all import directories to alias and all .js|.jsx renamed to be .ts|.tsx

src/components/DataTableCells/DivFieldCell.tsx

@@ -0,0 +1,20 @@
+import React, { useState, useEffect } from 'react';
+
+export const DivFieldCell = ({ cell: { value: initialValue } }) => {
+  const [value, setValue] = useState(initialValue);
+
+  useEffect(() => {
+    setValue(initialValue);
+  }, [initialValue]);
+
+  return <div>${value}</div>;
+};
+export const EmptyDiv = ({ cell: { value: initialValue } }) => {
+  const [value, setValue] = useState(initialValue);
+
+  useEffect(() => {
+    setValue(initialValue);
+  }, [initialValue]);
+
+  return <div>{value}</div>;
+};