diff --git a/studio/components/ui/OveragesBanner/OveragesBanner.utils.ts b/studio/components/ui/OveragesBanner/OveragesBanner.utils.ts index e46962c9e5f..8c4482fe70f 100644 --- a/studio/components/ui/OveragesBanner/OveragesBanner.utils.ts +++ b/studio/components/ui/OveragesBanner/OveragesBanner.utils.ts @@ -5,10 +5,12 @@ export const getResourcesApproachingLimits = (usages: any) => { if (!usages) return [] return compact( - Object.keys(usages).map((resourceName) => { - const resource = usages[resourceName] - if (resource.usage / resource.limit >= USAGE_APPROACHING_THRESHOLD) return resourceName - }) + Object.keys(usages) + .filter((resourceName) => usages[resourceName] !== null) + .map((resourceName) => { + const resource = usages[resourceName] + if (resource.usage / resource.limit >= USAGE_APPROACHING_THRESHOLD) return resourceName + }) ) } @@ -16,9 +18,11 @@ export const getResourcesExceededLimits = (usages: any) => { if (!usages) return [] return compact( - Object.keys(usages).map((resourceName) => { - const resource = usages[resourceName] - if (resource.usage / resource.limit >= 1) return resourceName - }) + Object.keys(usages) + .filter((resourceName) => usages[resourceName] !== null) + .map((resourceName) => { + const resource = usages[resourceName] + if (resource.usage / resource.limit >= 1) return resourceName + }) ) }