fix(ui): TE-XXXX fix required properties getting reset on applying advanced properties

Author: nalin-patidar

thirdeye-ui/src/app/components/additional-filters-drawer/additional-filters-drawer.component.tsx

@@ -24,8 +24,8 @@ import {
     Typography,
 } from "@material-ui/core";
 import ExpandMoreIcon from "@material-ui/icons/ExpandMore";
-import { isEmpty } from "lodash";
-import React, { FunctionComponent, useState } from "react";
+import { cloneDeep, isEmpty } from "lodash";
+import React, { FunctionComponent, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import {
     PropertyConfigValueTypes,
@@ -65,6 +65,10 @@ export const AdditonalFiltersDrawer: FunctionComponent<AdditonalFiltersDrawerPro
                 ...defaultValues,
             });
 
+        useEffect(() => {
+            setLocalCopyOfProperties({ ...defaultValues });
+        }, [defaultValues]);
+
         const handleOnChange = (
             key: string,
             value: PropertyConfigValueTypes