fix tests

src/Widgets/VisualizationWidget.jsx

@@ -1,19 +1,15 @@
-import React, { useState, useRef, useEffect } from 'react';
-
+import React, { useState, useRef, useEffect, useCallback } from 'react';
 import { Modal, Button, Grid } from 'semantic-ui-react';
 import { toast } from 'react-toastify';
 import { FormFieldWrapper, Icon, Toast } from '@plone/volto/components';
-
 import MapBuilder from '@eeacms/volto-eea-map/Arcgis/Map/MapBuilder';
 import {
   initEditor,
   destroyEditor,
   validateEditor,
   onPasteEditor,
 } from '@eeacms/volto-eea-map/jsoneditor';
-
 import editSVG from '@plone/volto/icons/editing.svg';
-
 import '@eeacms/volto-eea-map/styles/editor.less';
 import MapEditor from '../Arcgis/Editor/Editor';
 import { debounce } from '../Arcgis/helpers';
@@ -170,7 +166,7 @@ const VisualizationWidget = (props) => {
   const { id, title, description, value } = props;
   const [showMapEditor, setShowMapEditor] = useState(false);
 
-  function onConnect() {
+  const onConnect = useCallback(() => {
     if (controller.current.multiple && !props.block) return;
     props.onChange(props.id, {
       ...value,
@@ -195,12 +191,12 @@ const VisualizationWidget = (props) => {
         );
       },
     );
-  }
+  }, [props, value]);
 
-  function onDisconnect() {
+  const onDisconnect = useCallback(() => {
     if (!controller.current.agReactive) return;
     controller.current.agReactive.remove();
-  }
+  }, []);
 
   useEffect(() => {
     const map = $map.current;