src/pages/master/brandDevice/component/ErrorCodeForm.jsx

@@ -15,8 +15,8 @@ const ErrorCodeForm = ({
     onErrorCodeIconRemove,
     isEdit = false,
 }) => {
-    const [statusValue, setStatusValue] = useState(true);
     const [currentIcon, setCurrentIcon] = useState(null);
+    const statusWatch = Form.useWatch('status', errorCodeForm) ?? true;
 
     useEffect(() => {
         if (errorCodeIcon && typeof errorCodeIcon === 'object' && Object.keys(errorCodeIcon).length > 0) {
@@ -207,14 +207,13 @@ const ErrorCodeForm = ({
                     valuePropName="checked"
                 >
                     <div style={{ display: 'flex', alignItems: 'center' }}>
-                        <Switch
+                        <Form.Item name="status" valuePropName="checked" noStyle>
-                            defaultChecked={true}
+                            <Switch
-                            onChange={(checked) => {
+                                disabled={isErrorCodeFormReadOnly}
-                                setStatusValue(checked);
+                            />
-                            }}
+                        </Form.Item>
-                        />
                         <Text style={{ marginLeft: 8 }}>
-                            {statusValue ? 'Active' : 'Inactive'}
+                            {statusWatch ? 'Active' : 'Inactive'}
                         </Text>
                     </div>
                 </Form.Item>