fix type definition for d3-zoom handler

src/store/index.ts

@@ -1,6 +1,6 @@
 import { createStore, Action, action, Thunk, thunk, computed, Computed } from 'easy-peasy';
 import isEqual from 'fast-deep-equal';
-import { Selection as D3Selection, ZoomBehavior, ValueFn } from 'd3';
+import { Selection as D3Selection, ZoomBehavior } from 'd3';
 import { zoom, zoomIdentity } from 'd3-zoom';
 import { select } from 'd3-selection';
 
@@ -61,7 +61,7 @@ export interface StoreModel {
 
   d3Zoom: ZoomBehavior<Element, unknown> | null;
   d3Selection: D3Selection<Element, unknown, null, undefined> | null;
-  d3ZoomHandler: ValueFn<Element, unknown, void> | undefined;
+  d3ZoomHandler: ((this: Element, event: any, d: unknown) => void) | undefined;
   d3Initialised: boolean;
   minZoom: number;
   maxZoom: number;
@@ -165,7 +165,7 @@ export const storeModel: StoreModel = {
   d3Zoom: null,
   d3Selection: null,
   d3Initialised: false,
-  d3ZoomHandler: () => {},
+  d3ZoomHandler: undefined,
   minZoom: 0.5,
   maxZoom: 2,
   translateExtent: [