fix: compilation issue in Video Demo

sample-apps/react/react-video-demo/package.json

@@ -18,7 +18,6 @@
     "watch:storybook": "start-storybook dev -p 6006"
   },
   "dependencies": {
-    "@nivo/line": "^0.80.0",
     "@sentry/react": "^7.54.0",
     "@stream-io/stream-chat-css": "^3.14.1",
     "@stream-io/video-react-sdk": "workspace:^",

sample-apps/react/react-video-demo/src/components/CallStats/CallStats.tsx

@@ -1,12 +1,15 @@
 import { FC, useEffect, useRef, useState } from 'react';
-import { CallStatsReport, useCallStateHooks } from '@stream-io/video-react-sdk';
+import {
+  CallStatsLatencyChart,
+  CallStatsReport,
+  useCallStateHooks,
+} from '@stream-io/video-react-sdk';
 import classnames from 'classnames';
 
 import StatCard from '../StatCard';
 import { BarGraph, Close, Cog, Info, Latency } from '../Icons';
 import Button from '../Button';
 import Tooltip from '../Tooltip';
-import CallStatsLatencyChart from '../CallStatsLatencyChart';
 
 import { useModalContext } from '../../contexts/ModalContext';
 
@@ -126,10 +129,7 @@ export const CallStats: FC<Props> = ({ className, callId }) => {
               </p>
 
               <div className={styles.chartContainer}>
-                <CallStatsLatencyChart
-                  className={styles.chart}
-                  values={latencyBuffer}
-                />
+                <CallStatsLatencyChart values={latencyBuffer} />
               </div>
 
               <div className={styles.containerHeader}>
@@ -144,7 +144,7 @@ export const CallStats: FC<Props> = ({ className, callId }) => {
                 />
               </div>
               <p className={styles.description}>
-                Your call is recieving data and the connection speed is healthy.
+                Your call is receiving data and the connection speed is healthy.
               </p>
               <div className={styles.statCards}>
                 <StatCard