updates

src/components/FormFieldRepeaterFaq/index.js

@@ -1,7 +1,8 @@
 import React, { useEffect, useState, useCallback } from 'react';
 import { classNames } from 'primereact/utils';
 import { __ } from '@wordpress/i18n';
-import { head } from 'ramda';
+import { head, isEmpty } from 'ramda';
+import { diff } from 'deep-object-diff';
 
 // components
 import { Button } from 'primereact/button';
@@ -116,18 +117,27 @@ const FormFieldRepeaterFaq = ({
     }, [stateFieldData]);
 
     useEffect(() => {
-        const storeFieldData = data[fieldName] ?? [];
+        const storeFieldData = data ?? [];
         setStateFieldData(storeFieldData);
         setStateOptionsData([...options, ...storeFieldData]);
         register(fieldName, config)
     }, []);
 
+    useEffect(() => {
+        const diffData = diff(data, stateFieldData);
+
+        if (!isEmpty(diffData)) {
+            const storeFieldData = data ?? [];
+            setStateFieldData(storeFieldData);
+        }
+    }, [data]);
+
     useEffect(() => {
         setStateOptionsData([...options]);
     }, [options]);
 
     useEffect(() => {
-        setDataFn(fieldName, [...stateFieldData], { shouldValidate: true });
+        setDataFn(fieldName, stateFieldData, { shouldValidate: true });
     }, [stateFieldData]);
 
     return (