optimized performance of StateRoute

Author: guizzettic

src/app/components/History.tsx

@@ -154,6 +154,7 @@ function History(props: Record<string, unknown>) {
         dispatch(changeSlider(index));
         dispatch(changeView(index));
       })
+      // think about how I can convert this any to typescript
       .on('mouseout', function (d: any) {
         d3.select(this).transition().duration(300).attr('r', 13);
       });
@@ -198,7 +199,7 @@ function History(props: Record<string, unknown>) {
         .scaleExtent([0, 0.9]) // [zoomOut, zoomIn]
         .on('zoom', zoomed)
     );
-    // helper function that allows for zooming
+    // helper function that allows for zooming ( think about how I can convert this any to typescript)
     function zoomed(d: any) {
       g.attr('transform', d3.event.transform);
     }

src/app/components/StateRoute.tsx

@@ -11,13 +11,13 @@ import {
   NavLink,
   Switch,
 } from 'react-router-dom';
+import { ParentSize } from '@visx/responsive';
 import Tree from './Tree';
 import ComponentMap from './ComponentMap';
 import { changeView, changeSlider } from '../actions/actions';
 import { useStoreContext } from '../store';
 import PerformanceVisx from './PerformanceVisx';
 import Legend from './AtomsRelationshipLegend';
-import { ParentSize } from '@visx/responsive';
 import AtomsRelationship from './AtomsRelationship';
 
 const History = require('./History').default;