Added "use client".

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