remove forwardRef

client/src/components/advancedSearch/ConditionGroup.tsx

@@ -56,7 +56,7 @@ const AddCondition: FC<AddConditionProps> = props => {
 };
 
 // Condition group component which contains of BinaryLogicalOp, AddCondition and ConditionItem.
-const ConditionGroup = React.forwardRef((props: ConditionGroupProps, ref) => {
+const ConditionGroup = (props: ConditionGroupProps) => {
   const { fields, handleConditions, conditions: flatConditions } = props;
   const {
     addCondition,
@@ -171,7 +171,7 @@ const ConditionGroup = React.forwardRef((props: ConditionGroupProps, ref) => {
       )}
     </div>
   );
-});
+};
 
 ConditionGroup.defaultProps = {
   fields: [],

client/src/components/advancedSearch/Dialog.tsx

@@ -18,7 +18,7 @@ import CopyBtn from './CopyButton';
 import DialogTemplate from '../customDialog/DialogTemplate';
 import { DialogProps } from './Types';
 
-const AdvancedDialog = React.forwardRef((props: DialogProps, ref) => {
+const AdvancedDialog = (props: DialogProps) => {
   const {
     open,
     onClose,
@@ -159,7 +159,7 @@ const AdvancedDialog = React.forwardRef((props: DialogProps, ref) => {
       </DialogTemplate>
     </>
   );
-});
+};
 
 AdvancedDialog.defaultProps = {
   open: false,

client/src/components/advancedSearch/Filter.tsx

@@ -24,7 +24,7 @@ const generateHashCode = (source: string) => {
   return hash.toString();
 };
 
-const Filter = React.forwardRef(function Filter(props: FilterProps, ref) {
+const Filter = function Filter(props: FilterProps) {
   const {
     title,
     showTitle,
@@ -330,7 +330,7 @@ const Filter = React.forwardRef(function Filter(props: FilterProps, ref) {
       </div>
     </>
   );
-});
+};
 
 Filter.defaultProps = {
   className: '',