json patch in-place breaks some components

this is because React is checking object identity to
determine if changes need to be applied. to resolve this
we deep copy the subsection of the model which is changing
to trigger updates

Author: rmorshea

Diff for: idom/client/app/core_modules/layout.js

@@ -193,17 +193,34 @@ function useInplaceJsonPatch(doc) {
 
   const applyPatch = react.useCallback(
     (path, patch) => {
-      jsonpatch.applyPatch(
-        jsonpatch.getValueByPointer(ref.current, path),
-        patch
-      );
+      applyPatchInplace(ref.current, path, patch);
       forceUpdate();
     },
     [ref, forceUpdate]
   );
+
   return [ref.current, applyPatch];
 }
 
+function applyPatchInplace(doc, path, patch) {
+  if (!path) {
+    jsonpatch.applyPatch(doc, patch);
+  } else {
+    jsonpatch.applyPatch(doc, [
+      {
+        op: "replace",
+        path: path,
+        value: jsonpatch.applyPatch(
+          jsonpatch.getValueByPointer(doc, path),
+          patch,
+          false,
+          false
+        ).newDocument,
+      },
+    ]);
+  }
+}
+
 function useForceUpdate() {
   const [, updateState] = react.useState();
   return react.useCallback(() => updateState({}), []);