set initialValues from redux after change values

[dvory-z]

I have a form for a family card with details and tabs such as phones, receipt details, etc.
When I get the family details from the redux, I initialize the initialValues with the family details without the tab details.
After that , the user can change values ​​and when he clicks on one of the tabs such as phones, the phones details comes from the Redux and only then I want to add it to initailValues, without affecting the user's updates on the family details. Is it possible?
my code is 👍
const {
title,
family,
contactDetails,
phone /, newFamily, sameFamily, copyValues,/,
touchedValues,
saveSubmited,
} = useSelector((state) => state.families);

const [initialValues, setInitialValues] = useState({});

const handleSubmit = async (
values,
{ setSubmitting, resetForm, setTouched, setFieldValue, dirty }
) => {
console.log(values);
};

useEffect(() => {
if (familyId !== "new") {
!title && dispatch(actions.getShortFamilyDetails(familyId));

}

}, [familyId]);

useEffect(() => {
if (!family) return;

setInitialValues((prevValues) => ({
  ...prevValues,
  ...family,
  [formField.pratList.name]: fieldValueArray,
}));

}, [family]);

useEffect(() => {
if (!phone) return;

setInitialValues((prevValues) => ({
  ...prevValues,
  contactPhone: [...phone],
}));

}, [phone]);

const { formId, formField } = familyFormModel;
return (
//

<React.Fragment>
  {(title && title?.nFamilyId === parseInt(familyId)) ||
  familyId === "new" ? (
    <Formik
      initialValues={initialValues} // || family || formInitialValues}
      // initialTouched={formInitialValues}
      enableReinitialize
      validationSchema={validationSchema[0]}
      onSubmit={handleSubmit}
      innerRef={formRef}
    >
      {({ isSubmitting, touched, values, reset,dirty,...rest }) => (
        <div className="card-page">
          <FamilyHeader />
          {/* {saveSubmited && setInitialValues(values)} */}
          <Form className="card-form" id={formId}>
            <Outlet />
            {/* <FamilyForm /> */}
          </Form>
        </div>
      )}
    </Formik>
  ) : (
    <ZLoader></ZLoader>
          )}
</React.Fragment>

// </div>

);
};
export default FamilyFormik;

thanks