Update the logic for comparing values with the initial values (#454)

* compare values with initial updated

* isUpdated updated(revert) with for

* Update CHANGELOG.md

---------

Co-authored-by: Mikhail Volkov <mikhail@volkovlabs.io>

CHANGELOG.md

@@ -7,6 +7,7 @@
 - Updated Docker Compose and E2E pipeline (#446, #447)
 - Improved unit tests (#447)
 - Updated Business Forms tutorial (#451)
+- Updated the logic for comparing values with the initial values (#454)
 
 ## 4.1.0 (2024-07-09)
 

src/components/FormPanel/FormPanel.tsx

@@ -20,6 +20,7 @@ import {
   toDataQueryResponse,
 } from '@grafana/runtime';
 import { Alert, Button, ButtonGroup, ConfirmModal, usePanelContext, useStyles2, useTheme2 } from '@grafana/ui';
+import { isEqual } from 'lodash';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 
 import {
@@ -773,7 +774,7 @@ export const FormPanel: React.FC<Props> = ({
    */
   const isUpdated = useMemo(() => {
     for (const element of elements) {
-      if (element.value !== initial[element.id]) {
+      if (!isEqual(initial[element.id], element.value)) {
         return true;
       }
     }