fix: use deepEquals from rjsf utils

Author: Elessar1802

src/Common/Helper.tsx

@@ -23,6 +23,7 @@ import moment from 'moment'
 import { useLocation } from 'react-router-dom'
 import { toast } from 'react-toastify'
 import YAML from 'yaml'
+import { deepEquals } from '@rjsf/utils'
 import { ERROR_EMPTY_SCREEN, SortingOrder, EXCLUDED_FALSY_VALUES, DISCORD_LINK, ZERO_TIME_STRING } from './Constants'
 import { ServerErrors } from './ServerError'
 import { toastAccessDenied } from './ToastBody'
@@ -816,28 +817,7 @@ export const compareObjectLength = (objA: any, objB: any): boolean => {
  * Return deep copy of the object
  */
 export function deepEqual(configA: any, configB: any): boolean {
-    try {
-        if (configA === configB) {
-            return true
-        }
-        if ((configA && !configB) || (!configA && configB) || !compareObjectLength(configA, configB)) {
-            return false
-        }
-        let isEqual = true
-        for (const idx in configA) {
-            if (!isEqual) {
-                break
-            } else if (typeof configA[idx] === 'object' && typeof configB[idx] === 'object') {
-                isEqual = deepEqual(configA[idx], configB[idx])
-            } else if (configA[idx] !== configB[idx]) {
-                isEqual = false
-            }
-        }
-        return isEqual
-    } catch (err) {
-        showError(err)
-        return true
-    }
+    return deepEquals(configA, configB)
 }
 
 export function shallowEqual(objA, objB) {

src/Common/RJSF/templates/ObjectFieldTemplate.tsx

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { ObjectFieldTemplateProps, canExpand, titleId } from '@rjsf/utils'
+import { ObjectFieldTemplateProps, canExpand, titleId, deepEquals } from '@rjsf/utils'
 import { JSONPath } from 'jsonpath-plus'
 import { convertJSONPointerToJSONPath } from '@Common/Helper'
 import { FieldRowWithLabel } from '../common/FieldRow'
@@ -69,7 +69,7 @@ const Field = ({
                     path: convertJSONPointerToJSONPath(hiddenSchema.path),
                     json: formContext,
                 })?.[0]
-                const isHidden = value === undefined || hiddenSchema.value === value
+                const isHidden = value === undefined || deepEquals(hiddenSchema.value, value)
                 return !isHidden
             } catch {
                 return true

src/Common/RJSF/types.ts

@@ -20,11 +20,13 @@ import { StrictRJSFSchema } from '@rjsf/utils'
 
 export type FormProps = Omit<ComponentProps<typeof RJSFForm>, 'validator'>
 
+export interface MetaHiddenType {
+    value: any
+    path: string
+}
+
 export type HiddenType =
-    | {
-          value: any
-          path: string
-      }
+    | MetaHiddenType
     | {
           condition: any
           value: string

src/Common/RJSF/utils.tsx

@@ -15,7 +15,7 @@
  */
 
 import { TranslatableString, englishStringTranslator } from '@rjsf/utils'
-import { HiddenType } from './types'
+import { HiddenType, MetaHiddenType } from './types'
 
 /**
  * Override for the TranslatableString from RJSF
@@ -151,7 +151,10 @@ const conformPathToPointers = (path: string) => {
     return trimmedPath
 }
 
-export const parseSchemaHiddenType = (hiddenSchema: HiddenType) => {
+export const parseSchemaHiddenType = (hiddenSchema: HiddenType): MetaHiddenType => {
+    if (!hiddenSchema) {
+        return null
+    }
     if (typeof hiddenSchema === 'string') {
         return {
             value: false,