Fixed 'use client' usage.

src/app/(main)/websites/Websites.tsx

@@ -1,8 +0,0 @@
-'use client';
-import WebsitesDataTable from '../settings/websites/WebsitesDataTable';
-
-export function Websites({ teamId, userId }: { teamId: string; userId: string }) {
-  return <WebsitesDataTable teamId={teamId} userId={userId} allowEdit={false} />;
-}
-
-export default Websites;

src/app/(main)/websites/WebsitesPage.tsx

@@ -0,0 +1,12 @@
+'use client';
+import WebsitesHeader from 'app/(main)/settings/websites/WebsitesHeader';
+import WebsitesDataTable from 'app/(main)/settings/websites/WebsitesDataTable';
+
+export default function WebsitesPage({ teamId, userId }: { teamId: string; userId: string }) {
+  return (
+    <>
+      <WebsitesHeader teamId={teamId} />
+      <WebsitesDataTable teamId={teamId} userId={userId} allowEdit={false} />
+    </>
+  );
+}

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

@@ -1,4 +1,3 @@
-'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,4 +1,3 @@
-'use client';
 import { Button, Text, Icon, Icons } from 'react-basics';
 import { useMemo } from 'react';
 import { firstBy } from 'thenby';

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

@@ -1,10 +1,8 @@
-'use client';
 import { Loading } from 'react-basics';
 import { usePathname } from 'next/navigation';
 import Page from 'components/layout/Page';
 import FilterTags from 'components/metrics/FilterTags';
-import { useNavigation } from 'components/hooks';
-import { useWebsite } from 'components/hooks';
+import { useNavigation, useWebsite } from 'components/hooks';
 import WebsiteChart from './WebsiteChart';
 import WebsiteExpandedView from './WebsiteExpandedView';
 import WebsiteHeader from './WebsiteHeader';

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

@@ -1,4 +1,3 @@
-'use client';
 import { Icons, Icon, Text, Dropdown, Item } from 'react-basics';
 import BrowsersTable from 'components/metrics/BrowsersTable';
 import CountriesTable from 'components/metrics/CountriesTable';
@@ -13,8 +12,7 @@ import ReferrersTable from 'components/metrics/ReferrersTable';
 import ScreenTable from 'components/metrics/ScreenTable';
 import EventsTable from 'components/metrics/EventsTable';
 import SideNav from 'components/layout/SideNav';
-import { useNavigation } from 'components/hooks';
-import { useMessages } from 'components/hooks';
+import { useNavigation, useMessages } from 'components/hooks';
 import LinkButton from 'components/common/LinkButton';
 import styles from './WebsiteExpandedView.module.css';
 

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

@@ -1,4 +1,3 @@
-'use client';
 import { Button, Icon, Icons, Popup, PopupTrigger, Text } from 'react-basics';
 import PopupForm from 'app/(main)/reports/[reportId]/PopupForm';
 import FilterSelectForm from 'app/(main)/reports/[reportId]/FilterSelectForm';

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

@@ -1,4 +1,3 @@
-'use client';
 import { ReactNode } from 'react';
 import classNames from 'classnames';
 import { Text, Button, Icon } from 'react-basics';

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

@@ -1,4 +1,3 @@
-'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]/WebsiteProvider.tsx

@@ -1,4 +1,3 @@
-'use client';
 import { createContext, ReactNode, useEffect } from 'react';
 import { useWebsite } from 'components/hooks';
 import { Loading } from 'react-basics';

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

@@ -1,4 +1,3 @@
-'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,7 +1,5 @@
-'use client';
-import { useApi, useDateRange } from 'components/hooks';
+import { useApi, useDateRange, useMessages } from 'components/hooks';
 import MetricCard from 'components/metrics/MetricCard';
-import { useMessages } from 'components/hooks';
 import WebsiteDateFilter from 'components/input/WebsiteDateFilter';
 import MetricsBar from 'components/metrics/MetricsBar';
 import styles from './EventDataMetricsBar.module.css';

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

@@ -1,4 +1,3 @@
-'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,4 +1,3 @@
-'use client';
 import { GridTable, GridColumn, Icon, Text } from 'react-basics';
 import { useMessages, useNavigation } from 'components/hooks';
 import Icons from 'components/icons';

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

@@ -1,4 +1,3 @@
-'use client';
 import { Flexbox, Loading } from 'react-basics';
 import EventDataTable from './EventDataTable';
 import EventDataValueTable from './EventDataValueTable';

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

@@ -1,4 +1,3 @@
-'use client';
 import { useMemo, useState, useEffect } from 'react';
 import { subMinutes, startOfMinute } from 'date-fns';
 import thenby from 'thenby';
@@ -6,8 +5,7 @@ import { Grid, GridRow } from 'components/layout/Grid';
 import Page from 'components/layout/Page';
 import RealtimeChart from 'components/metrics/RealtimeChart';
 import WorldMap from 'components/metrics/WorldMap';
-import { useApi } from 'components/hooks';
-import { useWebsite } from 'components/hooks';
+import { useApi, useWebsite } from 'components/hooks';
 import { percentFilter } from 'lib/filters';
 import { REALTIME_RANGE, REALTIME_INTERVAL } from 'lib/constants';
 import { RealtimeData } from 'lib/types';

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

@@ -1,9 +1,6 @@
-'use client';
 import { useCallback } from 'react';
 import ListTable from 'components/metrics/ListTable';
-import { useLocale } from 'components/hooks';
-import { useCountryNames } from 'components/hooks';
-import { useMessages } from 'components/hooks';
+import { useLocale, useCountryNames, useMessages } from 'components/hooks';
 import classNames from 'classnames';
 import styles from './RealtimeCountries.module.css';
 

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

@@ -1,4 +1,3 @@
-'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,11 +1,9 @@
-'use client';
 import { useEffect } from 'react';
 import { useRouter } from 'next/navigation';
 import Page from 'components/layout/Page';
 import PageHeader from 'components/layout/PageHeader';
-import { useApi } from 'components/hooks';
+import { useApi, useMessages } from 'components/hooks';
 import EmptyPlaceholder from 'components/common/EmptyPlaceholder';
-import { useMessages } from 'components/hooks';
 
 export function RealtimeHome() {
   const { formatMessage, labels, messages } = useMessages();

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

@@ -1,4 +1,3 @@
-'use client';
 import { useMemo, useState } from 'react';
 import { StatusLight, Icon, Text, SearchField } from 'react-basics';
 import { FixedSizeList } from 'react-window';
@@ -7,10 +6,8 @@ import thenby from 'thenby';
 import { safeDecodeURI } from 'next-basics';
 import FilterButtons from 'components/common/FilterButtons';
 import Empty from 'components/common/Empty';
-import { useLocale } from 'components/hooks';
-import { useCountryNames } from 'components/hooks';
+import { useLocale, useCountryNames, useMessages } from 'components/hooks';
 import Icons from 'components/icons';
-import { useMessages } from 'components/hooks';
 import useFormat from 'components//hooks/useFormat';
 import { BROWSERS } from 'lib/constants';
 import { stringToColor } from 'lib/format';

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

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

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

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

src/app/(main)/websites/page.tsx

@@ -1,14 +1,8 @@
-import WebsitesHeader from 'app/(main)/settings/websites/WebsitesHeader';
-import Websites from './Websites';
+import WebsitesPage from './WebsitesPage';
 import { Metadata } from 'next';
 
-export default function WebsitesPage({ params: { teamId, userId } }) {
-  return (
-    <>
-      <WebsitesHeader teamId={teamId} />
-      <Websites teamId={teamId} userId={userId} />
-    </>
-  );
+export default function ({ params: { teamId, userId } }) {
+  return <WebsitesPage teamId={teamId} userId={userId} />;
 }
 
 export const metadata: Metadata = {