Added "use client".

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';