fix: typing issues with deps

Author: Ivareh

src/frontend/src/components/Graph/CustomTooltip.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 
 import { Box, Divider, Text } from "@chakra-ui/layout";
-import { TooltipProps } from "recharts";
+import { TooltipContentProps } from "recharts";
 import { Icon } from "@chakra-ui/react";
 // for recharts v2.1 and above
 import {
@@ -13,7 +13,7 @@ import { BiError } from "react-icons/bi";
 import { getHoursSinceLaunch } from "../../hooks/graphing/utils";
 import { setupHourlyUpdate } from "../../utils";
 
-interface CustomTooltipProps extends TooltipProps<ValueType, NameType> {
+interface CustomTooltipProps extends TooltipContentProps<ValueType, NameType> {
   upperBoundry: number;
   fetchedLeagues: string[];
   colors: string[];

src/frontend/src/components/Graph/GraphComponent.tsx

@@ -7,7 +7,7 @@ import {
   Tooltip,
   Legend,
   ResponsiveContainer,
-  TooltipProps,
+  TooltipContentProps,
 } from "recharts";
 // for recharts v2.1 and above
 import {
@@ -158,7 +158,7 @@ function GraphComponent(props: BoxProps) {
               allowDataOverflow
             />
             <Tooltip
-              content={(props: TooltipProps<ValueType, NameType>) => (
+              content={(props: TooltipContentProps<ValueType, NameType>) => (
                 <CustomTooltip
                   {...props}
                   upperBoundry={upperBoundryChaos}