diff --git a/src/routes/console/project-[project]/overview/bandwith.svelte b/src/routes/console/project-[project]/overview/bandwith.svelte
index f1a582528..9325101bb 100644
--- a/src/routes/console/project-[project]/overview/bandwith.svelte
+++ b/src/routes/console/project-[project]/overview/bandwith.svelte
@@ -6,7 +6,6 @@
     import type { UsagePeriods } from '$lib/layout';
     import { createEventDispatcher } from 'svelte';
     import { BarChart } from '$lib/charts';
-    import type { Metric } from '$lib/sdk/usage';
 
     export let period: UsagePeriods;
 
@@ -14,8 +13,11 @@
 
     const dispatch = createEventDispatcher();
 
-    $: network = $usage?.network as Metric[];
-    $: bandwith = humanFileSize(totalMetrics($usage?.network as Metric[]));
+    $: network = $usage?.network as unknown as Array<{
+        date: number;
+        value: number;
+    }>;
+    $: bandwith = humanFileSize(totalMetrics($usage?.network));
 
     $: if (period) {
         showPeriod = false;
diff --git a/src/routes/console/project-[project]/overview/requests.svelte b/src/routes/console/project-[project]/overview/requests.svelte
index 92a7868d6..7fe57efda 100644
--- a/src/routes/console/project-[project]/overview/requests.svelte
+++ b/src/routes/console/project-[project]/overview/requests.svelte
@@ -6,7 +6,6 @@
     import { createEventDispatcher } from 'svelte';
     import { LineChart } from '$lib/charts';
     import { formatNum } from '$lib/helpers/string';
-    import type { Metric } from '$lib/sdk/usage';
 
     export let period: UsagePeriods;
 
@@ -14,7 +13,10 @@
 
     const dispatch = createEventDispatcher();
 
-    $: requests = $usage?.requests as Metric[];
+    $: requests = $usage?.requests as unknown as Array<{
+        date: number;
+        value: number;
+    }>;
 
     $: if (period) {
         showPeriod = false;