develop (#43)

* fix(ts): use strict mode strictNullChecks etc

* chore: Use extended React.HTMLAttributes<> (#41)

* refactor(code-format): add prettier closes #42

* feat(renderer): add snap to grid option closes #20

* chore(dependabot): use develop as target branch

src/hooks/useGlobalKeyHandler.ts

@@ -8,10 +8,13 @@ import { Elements, Node } from '../types';
 interface HookParams {
   deleteKeyCode: number;
   onElementsRemove: (elements: Elements) => void;
-};
+}
 
 export default ({ deleteKeyCode, onElementsRemove }: HookParams): void => {
-  const state = useStoreState(s => ({ selectedElements: s.selectedElements, edges: s.edges }))
+  const state = useStoreState(s => ({
+    selectedElements: s.selectedElements,
+    edges: s.edges,
+  }));
   const setNodesSelection = useStoreActions(a => a.setNodesSelection);
   const deleteKeyPressed = useKeyPress(deleteKeyCode);
 
@@ -20,8 +23,11 @@ export default ({ deleteKeyCode, onElementsRemove }: HookParams): void => {
       let elementsToRemove = state.selectedElements;
 
       // we also want to remove the edges if only one node is selected
-      if (state.selectedElements.length === 1 && !isEdge(state.selectedElements[0])) {
-        const node = state.selectedElements[0] as unknown as Node;
+      if (
+        state.selectedElements.length === 1 &&
+        !isEdge(state.selectedElements[0])
+      ) {
+        const node = (state.selectedElements[0] as unknown) as Node;
         const connectedEdges = getConnectedEdges([node], state.edges);
         elementsToRemove = [...state.selectedElements, ...connectedEdges];
       }
@@ -29,7 +35,5 @@ export default ({ deleteKeyCode, onElementsRemove }: HookParams): void => {
       onElementsRemove(elementsToRemove);
       setNodesSelection({ isActive: false });
     }
-  }, [deleteKeyPressed])
-
-  return null;
+  }, [deleteKeyPressed]);
 };