How add new field into reducer using Immer.js?

Question

For example,

state = {
  data: {}
}

How can I add a new nested field into an object? I cannot set that field, because have an error Cannot read property 'date' of undefined

const reducer = produce((draft, action) => {
   switch (action.type) {
      case 'ACTION_SUCCESS':
      draft.data.children.date = action.response;
   }
});

As a result I want:

  data: {
     children: {
        data: 'date'
     }
  }
}

Answer 1

Normal JS object manipulation rules apply here. You can't write obj.x.y.z = if there is no .y field yet - you have to create that first.

Answer 2

Have you tried lodash/set?

import set from "lodash/set"

const obj= set({}, "path.to.nested.field", value)