Redux object Object is not extensible error when creating new attribute for array of objects

Question

i need to delete a property to an object or delete based on the user action- if the selected property is already added , i need to remove this proporty if its not added i have to remove this

const { customAllAreas } = useSelector((state) => state.AreasReducer);
  const saveArea = (area) => {
    const newFilteredAreas = customAllAreas?.map((f) => {
      if (f?._id === area?._id) {
        if (f.selected) {
          delete f.selected;
        } else {
          f.selected = true;
        }
        return f;
      }
      return f;
    });
    dispatch(AreasAction.setcustomeAddedAreas(newFilteredAreas));
  };

kind user · Accepted Answer · 2022-11-16 13:12:41Z

1

You are mutating the customAllAreas that is stored in redux.

delete f.selected; // mutation

f.selected = true; // mutation

You should make a copy of customAllAreas before doing so.

const newFilteredAreas = [...customAllAreas].map((...))

Or try the immutable way:

const newFilteredAreas = customAllAreas?.map((f) => {
  if (f?._id === area?._id) {
    if (f.selected) {
      const { selected, ...rest } = f;
      return rest;
    } else {
      return { ...f, selected: true };
    }
  }

  return f;
});

edited Nov 16, 2022 at 13:12

answered Nov 16, 2022 at 13:01

kind user

42k8 gold badges69 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Andaman Over a year ago

tried but not working--const newFilteredAreas = [...customAllAreas]?.map((f) => { if (f?._id === area?._id) { if (f.selected) { delete f.selected; } else { f.selected = true; } return f; } return f; });

kind user Over a year ago

@Andaman Try to remove both of the lines I posted above. Just to check if the error will be gone

Andaman Over a year ago

Kind user- If i remove both lines ,then how can i add and delete selected property

kind user Over a year ago

@Andaman Just try the immutable way instead of direct mutation as e.g. delete f :) Check my updated answer.

Collectives™ on Stack Overflow

Redux object Object is not extensible error when creating new attribute for array of objects

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related