Added "use client".

src/app/(main)/dashboard/DashboardSettingsButton.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { TooltipPopup, Icon, Text, Flexbox, Button } from 'react-basics';
 import Icons from 'components/icons';
 import { saveDashboard } from 'store/dashboard';

src/app/(main)/reports/ReportDeleteButton.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Button, Icon, Icons, Modal, ModalTrigger, Text } from 'react-basics';
 import { useApi, useMessages } from 'components/hooks';
 import { touch } from 'store/cache';

src/app/(main)/reports/ReportsTable.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { GridColumn, GridTable, Icon, Icons, Text, useBreakpoint } from 'react-basics';
 import LinkButton from 'components/common/LinkButton';
 import { useMessages, useLogin, useTeamContext } from 'components/hooks';

src/app/(main)/reports/[reportId]/BaseParameters.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useContext } from 'react';
 import { FormRow } from 'react-basics';
 import { parseDateRange } from 'lib/date';

src/app/(main)/reports/[reportId]/FieldAggregateForm.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Form, FormRow, Menu, Item } from 'react-basics';
 import { useMessages } from 'components/hooks';
 

src/app/(main)/reports/[reportId]/FieldFilterForm.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useState, useMemo } from 'react';
 import { Form, FormRow, Item, Flexbox, Dropdown, Button } from 'react-basics';
 import { useMessages, useFilters, useFormat, useLocale } from 'components/hooks';

src/app/(main)/reports/[reportId]/FieldSelectForm.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Menu, Item, Form, FormRow } from 'react-basics';
 import { useMessages } from 'components/hooks';
 import styles from './FieldSelectForm.module.css';

src/app/(main)/reports/[reportId]/FilterSelectForm.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useState } from 'react';
 import { Loading } from 'react-basics';
 import { subDays } from 'date-fns';

src/app/(main)/reports/[reportId]/ParameterList.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { ReactNode } from 'react';
 import { Icon, TooltipPopup } from 'react-basics';
 import Icons from 'components/icons';

src/app/(main)/reports/[reportId]/PopupForm.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { CSSProperties, ReactNode } from 'react';
 import classNames from 'classnames';
 import styles from './PopupForm.module.css';

src/app/(main)/reports/[reportId]/ReportBody.tsx

@@ -1,3 +1,4 @@
+'use client';
 import styles from './ReportBody.module.css';
 import { useContext } from 'react';
 import { ReportContext } from './Report';

src/app/(main)/reports/[reportId]/ReportHeader.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useContext } from 'react';
 import { Icon, LoadingButton, InlineEditField, useToasts } from 'react-basics';
 import { useMessages, useApi, useNavigation, useTeamContext } from 'components/hooks';

src/app/(main)/reports/[reportId]/ReportMenu.tsx

@@ -1,3 +1,4 @@
+'use client';
 import styles from './ReportMenu.module.css';
 import { useContext } from 'react';
 import { ReportContext } from './Report';

src/app/(main)/reports/event-data/EventDataParameters.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useContext } from 'react';
 import { Form, FormRow, FormButtons, SubmitButton, PopupTrigger, Icon, Popup } from 'react-basics';
 import Empty from 'components/common/Empty';

src/app/(main)/reports/event-data/EventDataReport.tsx

@@ -1,3 +1,4 @@
+'use client';
 import Report from '../[reportId]/Report';
 import ReportHeader from '../[reportId]/ReportHeader';
 import ReportMenu from '../[reportId]/ReportMenu';

src/app/(main)/reports/event-data/EventDataTable.tsx

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

src/app/(main)/reports/event-data/page.tsx

@@ -1,10 +1,10 @@
 import { Metadata } from 'next';
 import EventDataReport from './EventDataReport';
 
-export default function FunnelReportPage() {
+export default function EventDataReportPage() {
   return <EventDataReport />;
 }
 
 export const metadata: Metadata = {
-  title: 'Funnel Report | Umami',
+  title: 'Event Data Report | Umami',
 };

src/app/(main)/reports/funnel/FunnelChart.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { JSX, useCallback, useContext, useMemo } from 'react';
 import { Loading, StatusLight } from 'react-basics';
 import { useMessages, useTheme } from 'components/hooks';

src/app/(main)/reports/funnel/FunnelParameters.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useContext } from 'react';
 import { useMessages } from 'components/hooks';
 import {

src/app/(main)/reports/funnel/FunnelTable.tsx

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

src/app/(main)/reports/funnel/UrlAddForm.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useState } from 'react';
 import { useMessages } from 'components/hooks';
 import { Button, Form, FormRow, TextField, Flexbox } from 'react-basics';

src/app/(main)/reports/insights/InsightsParameters.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useContext } from 'react';
 import { useFormat, useMessages, useFilters } from 'components/hooks';
 import {

src/app/(main)/reports/insights/InsightsTable.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useContext, useEffect, useState } from 'react';
 import { GridTable, GridColumn } from 'react-basics';
 import { useFormat, useMessages } from 'components/hooks';

src/app/(main)/reports/retention/RetentionParameters.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useContext } from 'react';
 import { useMessages } from 'components/hooks';
 import { Form, FormButtons, FormRow, SubmitButton } from 'react-basics';

src/app/(main)/reports/retention/RetentionTable.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useContext } from 'react';
 import classNames from 'classnames';
 import { ReportContext } from '../[reportId]/Report';

src/app/(main)/settings/profile/DateRangeSetting.tsx

@@ -1,3 +1,4 @@
+'use client';
 import DateFilter from 'components/input/DateFilter';
 import { Button, Flexbox } from 'react-basics';
 import { useDateRange, useMessages } from 'components/hooks';

src/app/(main)/settings/profile/LanguageSetting.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useState } from 'react';
 import { Button, Dropdown, Item, Flexbox } from 'react-basics';
 import { useLocale, useMessages } from 'components/hooks';

src/app/(main)/settings/profile/PasswordChangeButton.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Button, Icon, Text, useToasts, ModalTrigger, Modal } from 'react-basics';
 import PasswordEditForm from 'app/(main)/settings/profile/PasswordEditForm';
 import Icons from 'components/icons';

src/app/(main)/settings/profile/PasswordEditForm.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useRef } from 'react';
 import { Form, FormRow, FormInput, FormButtons, PasswordField, Button } from 'react-basics';
 import { useApi, useMessages } from 'components/hooks';

src/app/(main)/settings/profile/ThemeSetting.tsx

@@ -1,3 +1,4 @@
+'use client';
 import classNames from 'classnames';
 import { Button, Icon } from 'react-basics';
 import { useTheme } from 'components/hooks';

src/app/(main)/settings/profile/TimezoneSetting.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useState } from 'react';
 import { Dropdown, Item, Button, Flexbox } from 'react-basics';
 import { listTimeZones } from 'timezone-support';

src/app/(main)/settings/teams/TeamAddForm.tsx

@@ -1,3 +1,4 @@
+'use client';
 import {
   Form,
   FormRow,

src/app/(main)/settings/teams/TeamDeleteForm.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useApi, useMessages } from 'components/hooks';
 import { touch } from 'store/cache';
 import TypeConfirmationForm from 'components/common/TypeConfirmationForm';

src/app/(main)/settings/teams/TeamJoinForm.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useRef } from 'react';
 import {
   Form,

src/app/(main)/settings/teams/TeamLeaveButton.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Button, Icon, Icons, Modal, ModalTrigger, Text } from 'react-basics';
 import { useMessages, useLocale, useLogin } from 'components/hooks';
 import TeamDeleteForm from './TeamLeaveForm';

src/app/(main)/settings/teams/TeamLeaveForm.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useApi, useMessages } from 'components/hooks';
 import { touch } from 'store/cache';
 import ConfirmationForm from 'components/common/ConfirmationForm';

src/app/(main)/settings/teams/TeamsAddButton.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Button, Icon, Modal, ModalTrigger, Text } from 'react-basics';
 import Icons from 'components/icons';
 import { useMessages } from 'components/hooks';

src/app/(main)/settings/teams/TeamsJoinButton.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Button, Icon, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
 import Icons from 'components/icons';
 import { useMessages } from 'components/hooks';

src/app/(main)/settings/teams/WebsiteTags.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Button, Icon, Icons, Text } from 'react-basics';
 import styles from './WebsiteTags.module.css';
 

src/app/(main)/settings/users/UserAddButton.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Button, Icon, Text, Modal, Icons, ModalTrigger, useToasts } from 'react-basics';
 import UserAddForm from './UserAddForm';
 import { useMessages } from 'components/hooks';

src/app/(main)/settings/users/UserAddForm.tsx

@@ -1,3 +1,4 @@
+'use client';
 import {
   Dropdown,
   Item,

src/app/(main)/settings/users/UserDeleteButton.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Button, Icon, Icons, Modal, ModalTrigger, Text } from 'react-basics';
 import { useMessages, useLogin } from 'components/hooks';
 import UserDeleteForm from './UserDeleteForm';

src/app/(main)/settings/users/UserDeleteForm.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { useApi, useMessages } from 'components/hooks';
 import ConfirmationForm from 'components/common/ConfirmationForm';
 import { touch } from 'store/cache';

src/app/(main)/settings/users/UserEditForm.tsx

@@ -1,3 +1,4 @@
+'use client';
 import {
   Dropdown,
   Item,

src/app/(main)/settings/users/UsersTable.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Button, Text, Icon, Icons, GridTable, GridColumn, useBreakpoint } from 'react-basics';
 import { formatDistance } from 'date-fns';
 import Link from 'next/link';

src/app/(main)/settings/websites/WebsiteAddButton.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { Button, Icon, Icons, Modal, ModalTrigger, Text, useToasts } from 'react-basics';
 import WebsiteAddForm from './WebsiteAddForm';
 import { useMessages } from 'components/hooks';

src/app/(main)/settings/websites/WebsiteAddForm.tsx

@@ -1,3 +1,4 @@
+'use client';
 import {
   Form,
   FormRow,

src/app/(main)/settings/websites/WebsitesTable.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { ReactNode } from 'react';
 import Link from 'next/link';
 import { Button, Text, Icon, Icons, GridTable, GridColumn, useBreakpoint } from 'react-basics';

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

@@ -1,3 +1,4 @@
+'use client';
 import { Website } from '@prisma/client';
 import {
   Form,

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

@@ -1,3 +1,4 @@
+'use client';
 import { TextArea } from 'react-basics';
 import { useMessages, useConfig } from 'components/hooks';
 

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

@@ -1,3 +1,4 @@
+'use client';
 import { Button, Modal, ModalTrigger, ActionForm, useToasts } from 'react-basics';
 import { useRouter } from 'next/navigation';
 import { useMessages } from 'components/hooks';

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

@@ -1,3 +1,4 @@
+'use client';
 import { useApi, useMessages } from 'components/hooks';
 import TypeConfirmationForm from 'components/common/TypeConfirmationForm';
 

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

@@ -1,3 +1,4 @@
+'use client';
 import { Website } from '@prisma/client';
 import { useRef } from 'react';
 import {

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

@@ -1,3 +1,4 @@
+'use client';
 import { useApi, useMessages } from 'components/hooks';
 import TypeConfirmationForm from 'components/common/TypeConfirmationForm';
 

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