How do I merge nested objects?

[james-Infotrack]

Hey there,
I really like your library
Just curious
I have a nested structure

Inside a store that will have multiple parts

interface CreateOrderStoreType {
  orderDetails: OrderDetails;
  currentPosition: CurrentPostion;
}

const orderDetailsInitialData: OrderDetails = {
  status: '',
  loanReferenceNumber: '',
  jurisdiction: JurisdictionEnum.Nsw,
  transactionType: [TransactionTypeEnum.Advance],
  preferredSettlementDate: '01-01-2022',
  preferredSettlementTime: '12:00 PM',
  titleReferenceNumber: '',
  titleResponse: {
    titleReference: '',
    isVerified: false,
    address: '',
    buildingName: '',
    lotNumber: '',
    unitFlatShopNumber: '',
    streetNumber: '',
    streetName: '',
    streetType: '',
    suburb: '',
    state: '',
    postCode: '',
  },
};

Is there a way to target only the nested values?

for example

      createOrderStore.set.orderDetails.titleResponse();

I used this, but if I have multiple levels deeper later this will get annoying fast

 createOrderStore.set.orderDetails({
       ...createOrderStore.get.orderDetails(),
       titleResponse,
     });

thanks

[zbeyens]

There is no API for nested structures, you'll need to create helpers

[james-Infotrack]

Thanks for letting me know

[vnugent]

@james-Infotrack would Immer help?
In my project I imported immer as a dependency and use it to manipulate arrays of objects in the store. Not sure if that's the recommended way/redundant but it helps simplifying object merging.