DHFPROD-7062: Incorrect scrolling after creating a modeling property with multiple setting

Author: timur38

marklogic-data-hub-central/ui/src/components/modeling/property-table/property-table.tsx

@@ -3,7 +3,6 @@ import {MLButton, MLTable, MLTooltip} from "@marklogic/design-system";
 import {faCircle, faCheck, faTrashAlt, faPlusSquare} from "@fortawesome/free-solid-svg-icons";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 import scrollIntoView from "scroll-into-view";
-import useDeepCompareEffect from "use-deep-compare-effect";
 import styles from "./property-table.module.scss";
 import PropertyModal from "../property-modal/property-modal";
 import ConfirmationModal from "../../confirmation-modal/confirmation-modal";
@@ -93,7 +92,7 @@ const PropertyTable: React.FC<Props> = (props) => {
   const [expandedRows, setExpandedRows] = useState<string[]>([]);
   const [newRowKey, setNewRowKey] = useState("");
 
-  useDeepCompareEffect(() => {
+  useEffect(() => {
     updateEntityDefinitionsAndRenderTable(props.definitions);
   }, [props.definitions]);