WHen change focus compoenet grab the focus child from components array

Author: ShlomoPorges

src/components/Rectangle.jsx

@@ -109,7 +109,7 @@ class Rectangle extends Component {
           strokeWidth={4}
           draggable={false}
         />
-        {focusChild.childId === childId ? (
+        {focusChild && focusChild.childId === childId ? (
           <TransformerComponent focusComponent={focusComponent} focusChild={focusChild} />
         ) : (
           <Label />

src/utils/componentReducer.util.js

@@ -279,14 +279,17 @@ console.log(`Real delete component action here : id:${componentId}`)
 
 export const changeFocusComponent = (state, { title }) => {
   const newFocusComp = state.components.find(comp => comp.title === title);
+  // set the "focus child" to the focus child of this particular component . 
+  const newFocusChild = newFocusComp.focusChildId ; 
 
   let result = getSelectable(newFocusComp, state.components);
 
   return {
     ...state,
     focusComponent: newFocusComp,
     selectableChildren: result.selectableChildren,
-    ancestors: result.ancestors
+    ancestors: result.ancestors,
+    focusChild: newFocusChild,
   };
 };