message: fix update function to not include zoom start position on click due to useEffect
diff: @@ -25,7 +25,7 @@ const AtomComponentVisual: React.FC<AtomComponentVisualProps> = ({
  const [{x, y, k}, setZoomState] = useState({x: 0, y: 0, k: 0});
  useEffect(() => {
  - setZoomState(d3.zoomTransform(d3.select('#canvas').node()));
  + // setZoomState(d3.zoomTransform(d3.select('#canvas').node()));
  }, [componentAtomTree, selectedRecoilValue]);
  useEffect(() => {
  @@ -38,9 +38,8 @@ const AtomComponentVisual: React.FC<AtomComponentVisualProps> = ({
  .attr('height', height);
  // creating a pseudo-class for reusability
  - const g = svgContainer
  - .append('g')
  - .attr('transform', `translate(${400}, ${20}), scale(${0.3})`); // sets the canvas to the saved zoomState
  + const g = svgContainer.append('g');
  + // .attr('transform', `translate(${400}, ${20}), scale(${0.3})`); // sets the canvas to the saved zoomState
  let i = 0;
  let duration: Number = 750;
  @@ -233,6 +232,7 @@ const AtomComponentVisual: React.FC<AtomComponentVisualProps> = ({
  .on('drag', dragged)
  .on('end', dragEnded),
  );
  + }
  let zoom = d3.zoom().on('zoom', zoomed);
  @@ -335,7 +335,6 @@ const AtomComponentVisual: React.FC<AtomComponentVisualProps> = ({
  return 'gray';
  }
  - }
  });
  return (
  