WorkflowEditActionFormServerlessFunction component directly mutates props

[Devessier]

The setNestedValue function operates on a shallow copy and not a deep copy of the functionInput. This is hiding that we mutate props, which is forbidden with React as you know.

I would do two things:

1. Call structuredClone on the obj in the setNestedValue to ensure we never mutate the object references.
2. Synchronously store the state of the form in a useState

export const setNestedValue = (obj: any, path: string[], value: any) => {
  const newObj = structuredClone(obj);
  path.reduce((o, key, index) => {
    if (index === path.length - 1) {
      o[key] = value;
    }
    return o[key] || {};
  }, newObj);
  return newObj;
};

Video demo (open it): https://share.cleanshot.com/bJgJTBwD