Added "use client".

src/app/(main)/websites/[websiteId]/WebsiteChart.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useMemo } from 'react';
 import PageviewsChart from 'components/metrics/PageviewsChart';
 import { useApi, useDateRange, useTimezone, useNavigation } from 'components/hooks';

src/app/(main)/websites/[websiteId]/WebsiteChartList.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Button, Text, Icon, Icons } from 'react-basics';
 import { useMemo } from 'react';
 import { firstBy } from 'thenby';

src/app/(main)/websites/[websiteId]/WebsiteExpandedView.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Icons, Icon, Text, Dropdown, Item } from 'react-basics';
 import BrowsersTable from 'components/metrics/BrowsersTable';
 import CountriesTable from 'components/metrics/CountriesTable';

src/app/(main)/websites/[websiteId]/WebsiteFilterButton.tsx

@@ -1,6 +1,7 @@
+'use client';
 import { Button, Icon, Icons, Popup, PopupTrigger, Text } from 'react-basics';
-import PopupForm from '../../reports/[reportId]/PopupForm';
-import FilterSelectForm from '../../reports/[reportId]/FilterSelectForm';
+import PopupForm from 'app/(main)/reports/[reportId]/PopupForm';
+import FilterSelectForm from 'app/(main)/reports/[reportId]/FilterSelectForm';
 import { useMessages, useNavigation } from 'components/hooks';
 
 export function WebsiteFilterButton({

src/app/(main)/websites/[websiteId]/WebsiteMetricsBar.tsx

@@ -1,3 +1,4 @@
+'use client';
 import classNames from 'classnames';
 import { useApi, useDateRange, useMessages, useNavigation, useSticky } from 'components/hooks';
 import WebsiteDateFilter from 'components/input/WebsiteDateFilter';

src/app/(main)/websites/[websiteId]/WebsiteTableView.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useState } from 'react';
 import { Grid, GridRow } from 'components/layout/Grid';
 import PagesTable from 'components/metrics/PagesTable';

src/app/(main)/websites/[websiteId]/event-data/EventDataMetricsBar.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useApi, useDateRange } from 'components/hooks';
 import MetricCard from 'components/metrics/MetricCard';
 import { useMessages } from 'components/hooks';
@@ -9,10 +10,10 @@ export function EventDataMetricsBar({ websiteId }: { websiteId: string }) {
   const { formatMessage, labels } = useMessages();
   const { get, useQuery } = useApi();
   const [dateRange] = useDateRange(websiteId);
-  const { startDate, endDate, modified } = dateRange;
+  const { startDate, endDate } = dateRange;
 
   const { data, error, isLoading, isFetched } = useQuery({
-    queryKey: ['event-data:stats', { websiteId, startDate, endDate, modified }],
+    queryKey: ['event-data:stats', { websiteId, startDate, endDate }],
     queryFn: () =>
       get(`/event-data/stats`, {
         websiteId,

src/app/(main)/websites/[websiteId]/event-data/EventDataTable.tsx

@@ -1,3 +1,4 @@
+'use client';
 import Link from 'next/link';
 import { GridTable, GridColumn } from 'react-basics';
 import { useMessages, useNavigation } from 'components/hooks';

src/app/(main)/websites/[websiteId]/event-data/EventDataValueTable.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { GridTable, GridColumn, Button, Icon, Text } from 'react-basics';
 import { useMessages, useNavigation } from 'components/hooks';
 import Link from 'next/link';

src/app/(main)/websites/[websiteId]/realtime/RealtimeCountries.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useCallback } from 'react';
 import ListTable from 'components/metrics/ListTable';
 import { useLocale } from 'components/hooks';

src/app/(main)/websites/[websiteId]/realtime/RealtimeHeader.tsx

@@ -1,3 +1,4 @@
+'use client';
 import MetricCard from 'components/metrics/MetricCard';
 import { useMessages } from 'components/hooks';
 import { RealtimeData } from 'lib/types';

src/app/(main)/websites/[websiteId]/realtime/RealtimeHome.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useEffect } from 'react';
 import { useRouter } from 'next/navigation';
 import Page from 'components/layout/Page';

src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useMemo, useState } from 'react';
 import { StatusLight, Icon, Text, SearchField } from 'react-basics';
 import { FixedSizeList } from 'react-window';

src/app/(main)/websites/[websiteId]/realtime/RealtimeUrls.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Key, useMemo, useState } from 'react';
 import { ButtonGroup, Button, Flexbox } from 'react-basics';
 import thenby from 'thenby';