fix: baseVariableBorrowRate not coming from sdk

Author: AGMASO

src/modules/reserve-overview/graphs/InterestRateModelGraphContainer.tsx

@@ -1,6 +1,10 @@
 import { Box } from '@mui/material';
 import { ParentSize } from '@visx/responsive';
-import type { ReserveWithId } from 'src/hooks/app-data-provider/useAppDataProvider';
+import { useMemo } from 'react';
+import {
+  type ReserveWithId,
+  useAppDataContext,
+} from 'src/hooks/app-data-provider/useAppDataProvider';
 
 import { GraphLegend } from './GraphLegend';
 import { InterestRateModelGraph } from './InterestRateModelGraph';
@@ -17,6 +21,13 @@ export type Fields = { name: Field; color: string; text: string }[];
 export const InterestRateModelGraphContainer = ({
   reserve,
 }: InteresetRateModelGraphContainerProps): JSX.Element => {
+  const { reserves: reservesLegacy } = useAppDataContext();
+  const reserveData = useMemo(() => {
+    return reservesLegacy.find(
+      (r) => r.underlyingAsset.toLowerCase() === reserve.underlyingToken.address.toLowerCase()
+    );
+  }, [reservesLegacy, reserve]);
+
   const CHART_HEIGHT = 155;
   const fields: Fields = [
     { name: 'variableBorrowRate', text: 'Borrow APR, variable', color: '#B6509E' },
@@ -41,7 +52,7 @@ export const InterestRateModelGraphContainer = ({
             height={CHART_HEIGHT}
             fields={fields}
             reserve={{
-              baseVariableBorrowRate: String(reserve.borrowInfo?.reserveFactor.raw),
+              baseVariableBorrowRate: String(reserveData?.baseVariableBorrowRate),
               optimalUsageRatio: String(reserve.borrowInfo?.optimalUsageRate.raw),
               utilizationRate: String(reserve.borrowInfo?.utilizationRate.value),
               variableRateSlope1: String(reserve.borrowInfo?.variableRateSlope1.raw),