How do I update an object's state keeping the existing elements using useState hook?

Question

I have an array of objects:

// seedColors.js

export default [
  {
    paletteName: "Material UI Colors",
    colors: [
      { name: "red"