Best way to refine stale data?

[nahtnam]

Hello,

I am working on a project where the data is store on a user's local machine. Over time I want to add additional settings however I'm finding that recoil/refine/recoil-sync are not filling in undefined keys on the object. For example:

type Dashboard = {
  clock: {
    showSeconds: boolean
  };
};

const refine: Checker<Dashboard> = object({
  clock: object({
    showSeconds: bool(),
  }),
});

export const dashboardsStateFamily = atomFamily<Dashboard, string>({
  key: 'dashboards',
  default: {
    clock: {
      showSeconds: false,
    },
  },
  effects: [
    syncEffect({
      storeKey: CHROME_LOCAL_STORAGE,
      refine,
    }),
  ],
});

In this example, the initial state works. The user can toggle between the seconds. Lets say now I want to add showMeridiem (AM/PM). The problem is if I just add it in the type, refine, and in the default value, my code starts to throw because it's missing. I'm looking for a way to automatically merge the data with the defaults if it doesn't exist. I could wrap everything with withDefault, but the problem is I have to wrap every single item I add with it and makes the entire refine messy.

Any suggestions?