Added "use client".

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