fixed app infite scrolling issue

Author: jguerrero35

src/app/components/StateRoute/AxMap/AxMap.tsx

@@ -14,12 +14,14 @@ const AxContainer = (props: AxContainer) => {
       } = props;
 
     return (
-    <div>
+    <div style={{height: '90vh'}}>
       <ParentSize className='componentMapContainer'>
         {({ width, height }) => {
           // eslint-disable-next-line react/prop-types
           const maxHeight: number = 1200;
           const h = Math.min(height, maxHeight);
+          console.log('h: ', h);
+          console.log('width', width)
           return (
               <AxTree
                 axSnapshots={axSnapshots}

src/app/components/StateRoute/StateRoute.tsx

@@ -17,7 +17,6 @@ import WebMetricsContainer from './WebMetrics/WebMetricsContainer';
 import { MainState, RootState, StateRouteProps } from '../../FrontendTypes';
 import AxContainer from './AxMap/AxMap';
 
-
 /*
   Loads the appropriate StateRoute view and renders the Map, Performance, History, Webmetrics, and Tree navbar buttons after clicking on the 'State' button located near the top rightmost corner.
 */
@@ -145,7 +144,10 @@ const StateRoute = (props: StateRouteProps) => {
                         <label htmlFor='disable'>Disable</label>
                     {showTree && <AxContainer
                       axSnapshots={axSnapshots}
-                      currLocation={currLocation}/>} 
+                      snapshot={snapshot}
+                      snapshots={snapshots}
+                      currLocation={currLocation}
+                      />} 
                 </div>
               ) : (
                 <div>