diff --git a/components/metrics/ActiveUsers.js b/components/metrics/ActiveUsers.js
index b739861b..7718b587 100644
--- a/components/metrics/ActiveUsers.js
+++ b/components/metrics/ActiveUsers.js
@@ -9,14 +9,18 @@ import styles from './ActiveUsers.module.css';
export default function ActiveUsers({ websiteId, className, value, interval = 60000 }) {
const shareToken = useShareToken();
- const url = value !== undefined && websiteId ? `/website/${websiteId}/active` : null;
+ const url = websiteId ? `/website/${websiteId}/active` : null;
const { data } = useFetch(url, {
interval,
headers: { [TOKEN_HEADER]: shareToken?.token },
});
const count = useMemo(() => {
- return value || data?.[0]?.x || 0;
- }, [data, value]);
+ if (websiteId) {
+ return data?.[0]?.x || 0
+ }
+
+ return value !== undefined ? value : 0;
+ }, [data, value, websiteId]);
if (count === 0) {
return null;
diff --git a/components/metrics/RealtimeHeader.js b/components/metrics/RealtimeHeader.js
index 33c7b576..56cf805f 100644
--- a/components/metrics/RealtimeHeader.js
+++ b/components/metrics/RealtimeHeader.js
@@ -33,7 +33,7 @@ export default function RealtimeHeader({ websites, data, websiteId, onSelect })