diff --git a/.eslintrc.json b/.eslintrc.json
index 7f3665ff..cabeaf06 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -30,6 +30,7 @@
   "rules": {
     "no-console": "error",
     "react/display-name": "off",
+    "react-hooks/exhaustive-deps": "off",
     "react/react-in-jsx-scope": "off",
     "react/prop-types": "off",
     "import/no-anonymous-default-export": "off",
diff --git a/src/app/(main)/reports/[reportId]/FieldAddForm.tsx b/src/app/(main)/reports/[reportId]/FieldAddForm.tsx
index 9db472d8..ac7bff5b 100644
--- a/src/app/(main)/reports/[reportId]/FieldAddForm.tsx
+++ b/src/app/(main)/reports/[reportId]/FieldAddForm.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { useState } from 'react';
 import { createPortal } from 'react-dom';
 import { REPORT_PARAMETERS } from 'lib/constants';
diff --git a/src/components/hooks/queries/useApi.ts b/src/components/hooks/queries/useApi.ts
index e806d37e..88427bc7 100644
--- a/src/components/hooks/queries/useApi.ts
+++ b/src/components/hooks/queries/useApi.ts
@@ -1,3 +1,4 @@
+'use client';
 import * as reactQuery from '@tanstack/react-query';
 import { useApi as nextUseApi } from 'next-basics';
 import { getClientAuthToken } from 'lib/client';
diff --git a/src/components/hooks/queries/useConfig.ts b/src/components/hooks/queries/useConfig.ts
index 72fe095d..505a93f3 100644
--- a/src/components/hooks/queries/useConfig.ts
+++ b/src/components/hooks/queries/useConfig.ts
@@ -1,3 +1,4 @@
+'use client';
 import { useEffect } from 'react';
 import useStore, { setConfig } from 'store/app';
 import { useApi } from './useApi';
diff --git a/src/components/hooks/queries/useFilterQuery.ts b/src/components/hooks/queries/useFilterQuery.ts
index 7e4c9a86..5d86c724 100644
--- a/src/components/hooks/queries/useFilterQuery.ts
+++ b/src/components/hooks/queries/useFilterQuery.ts
@@ -1,3 +1,4 @@
+'use client';
 import { UseQueryOptions } from '@tanstack/react-query';
 import { useState, Dispatch, SetStateAction } from 'react';
 import { useApi } from './useApi';
diff --git a/src/components/hooks/queries/useLogin.ts b/src/components/hooks/queries/useLogin.ts
index c17687b0..2f777a77 100644
--- a/src/components/hooks/queries/useLogin.ts
+++ b/src/components/hooks/queries/useLogin.ts
@@ -1,3 +1,4 @@
+'use client';
 import useStore, { setUser } from 'store/app';
 import useApi from './useApi';
 import { UseQueryResult } from '@tanstack/react-query';
diff --git a/src/components/hooks/queries/useReport.ts b/src/components/hooks/queries/useReport.ts
index 38061761..332ba755 100644
--- a/src/components/hooks/queries/useReport.ts
+++ b/src/components/hooks/queries/useReport.ts
@@ -1,3 +1,4 @@
+'use client';
 import { produce } from 'immer';
 import { useCallback, useEffect, useState } from 'react';
 import { useApi } from './useApi';
diff --git a/src/components/hooks/queries/useReports.ts b/src/components/hooks/queries/useReports.ts
index 2176411f..99054dfd 100644
--- a/src/components/hooks/queries/useReports.ts
+++ b/src/components/hooks/queries/useReports.ts
@@ -1,3 +1,4 @@
+'use client';
 import useApi from './useApi';
 import useFilterQuery from './useFilterQuery';
 import useCache from 'store/cache';
diff --git a/src/components/hooks/queries/useShareToken.ts b/src/components/hooks/queries/useShareToken.ts
index 189657be..8197fe66 100644
--- a/src/components/hooks/queries/useShareToken.ts
+++ b/src/components/hooks/queries/useShareToken.ts
@@ -1,3 +1,4 @@
+'use client';
 import useStore, { setShareToken } from 'store/app';
 import useApi from './useApi';
 
diff --git a/src/components/hooks/queries/useTeam.ts b/src/components/hooks/queries/useTeam.ts
index e348531c..1a8ccc54 100644
--- a/src/components/hooks/queries/useTeam.ts
+++ b/src/components/hooks/queries/useTeam.ts
@@ -1,3 +1,4 @@
+'use client';
 import useApi from './useApi';
 
 export function useTeam(teamId: string) {
diff --git a/src/components/hooks/queries/useTeamMembers.ts b/src/components/hooks/queries/useTeamMembers.ts
index 064231d1..ccfd6c9b 100644
--- a/src/components/hooks/queries/useTeamMembers.ts
+++ b/src/components/hooks/queries/useTeamMembers.ts
@@ -1,3 +1,4 @@
+'use client';
 import useApi from './useApi';
 import useFilterQuery from './useFilterQuery';
 
diff --git a/src/components/hooks/queries/useTeamWebsites.ts b/src/components/hooks/queries/useTeamWebsites.ts
index 19bcdf76..036d715b 100644
--- a/src/components/hooks/queries/useTeamWebsites.ts
+++ b/src/components/hooks/queries/useTeamWebsites.ts
@@ -1,3 +1,4 @@
+'use client';
 import useApi from './useApi';
 import useFilterQuery from './useFilterQuery';
 
diff --git a/src/components/hooks/queries/useUser.ts b/src/components/hooks/queries/useUser.ts
index 61c22ecd..7ff73dac 100644
--- a/src/components/hooks/queries/useUser.ts
+++ b/src/components/hooks/queries/useUser.ts
@@ -1,3 +1,4 @@
+'use client';
 import useApi from './useApi';
 
 export function useUser(userId: string, options?: { [key: string]: any }) {
diff --git a/src/components/hooks/queries/useUsers.ts b/src/components/hooks/queries/useUsers.ts
index b1273814..d7bc8074 100644
--- a/src/components/hooks/queries/useUsers.ts
+++ b/src/components/hooks/queries/useUsers.ts
@@ -1,3 +1,4 @@
+'use client';
 import useApi from './useApi';
 import useFilterQuery from './useFilterQuery';
 import useCache from 'store/cache';
diff --git a/src/components/hooks/queries/useWebsite.ts b/src/components/hooks/queries/useWebsite.ts
index 386607eb..c29a6cd0 100644
--- a/src/components/hooks/queries/useWebsite.ts
+++ b/src/components/hooks/queries/useWebsite.ts
@@ -1,3 +1,4 @@
+'use client';
 import useApi from './useApi';
 
 export function useWebsite(websiteId: string, options?: { [key: string]: any }) {
diff --git a/src/components/hooks/queries/useWebsiteEvents.ts b/src/components/hooks/queries/useWebsiteEvents.ts
index de18a1f9..613788e2 100644
--- a/src/components/hooks/queries/useWebsiteEvents.ts
+++ b/src/components/hooks/queries/useWebsiteEvents.ts
@@ -1,3 +1,4 @@
+'use client';
 import useApi from './useApi';
 import { UseQueryOptions } from '@tanstack/react-query';
 
diff --git a/src/components/hooks/queries/useWebsiteMetrics.ts b/src/components/hooks/queries/useWebsiteMetrics.ts
index 8e7d00db..300e526d 100644
--- a/src/components/hooks/queries/useWebsiteMetrics.ts
+++ b/src/components/hooks/queries/useWebsiteMetrics.ts
@@ -1,3 +1,4 @@
+'use client';
 import useApi from './useApi';
 import { UseQueryOptions } from '@tanstack/react-query';
 
diff --git a/src/components/hooks/queries/useWebsites.ts b/src/components/hooks/queries/useWebsites.ts
index 4f2681a0..ed34193f 100644
--- a/src/components/hooks/queries/useWebsites.ts
+++ b/src/components/hooks/queries/useWebsites.ts
@@ -1,3 +1,4 @@
+'use client';
 import { useApi } from './useApi';
 import { useFilterQuery } from './useFilterQuery';
 import { useLogin } from './useLogin';
diff --git a/src/components/hooks/useCountryNames.ts b/src/components/hooks/useCountryNames.ts
index acfada44..47716449 100644
--- a/src/components/hooks/useCountryNames.ts
+++ b/src/components/hooks/useCountryNames.ts
@@ -1,3 +1,4 @@
+'use client';
 import { useState, useEffect } from 'react';
 import { httpGet } from 'next-basics';
 import enUS from '../../../public/intl/country/en-US.json';
diff --git a/src/components/hooks/useDateRange.ts b/src/components/hooks/useDateRange.ts
index e022d960..8d7cf57c 100644
--- a/src/components/hooks/useDateRange.ts
+++ b/src/components/hooks/useDateRange.ts
@@ -1,3 +1,4 @@
+'use client';
 import { getMinimumUnit, parseDateRange } from 'lib/date';
 import { setItem } from 'next-basics';
 import { DATE_RANGE_CONFIG, DEFAULT_DATE_RANGE } from 'lib/constants';
diff --git a/src/components/hooks/useDocumentClick.ts b/src/components/hooks/useDocumentClick.ts
index eefd9366..dce9e106 100644
--- a/src/components/hooks/useDocumentClick.ts
+++ b/src/components/hooks/useDocumentClick.ts
@@ -1,3 +1,4 @@
+'use client';
 import { useEffect } from 'react';
 
 export function useDocumentClick(handler: (event: MouseEvent) => any) {
diff --git a/src/components/hooks/useEscapeKey.ts b/src/components/hooks/useEscapeKey.ts
index 5c3350e7..567878b0 100644
--- a/src/components/hooks/useEscapeKey.ts
+++ b/src/components/hooks/useEscapeKey.ts
@@ -1,3 +1,4 @@
+'use client';
 import { useEffect, useCallback, KeyboardEvent } from 'react';
 
 export function useEscapeKey(handler: (event: KeyboardEvent) => void) {
diff --git a/src/components/hooks/useFilters.ts b/src/components/hooks/useFilters.ts
index e1a9a885..51a5d972 100644
--- a/src/components/hooks/useFilters.ts
+++ b/src/components/hooks/useFilters.ts
@@ -1,3 +1,4 @@
+'use client';
 import { useMessages } from './useMessages';
 import { OPERATORS } from 'lib/constants';
 
diff --git a/src/components/hooks/useForceUpdate.ts b/src/components/hooks/useForceUpdate.ts
index 35f7fe16..1798cdd8 100644
--- a/src/components/hooks/useForceUpdate.ts
+++ b/src/components/hooks/useForceUpdate.ts
@@ -1,3 +1,4 @@
+'use client';
 import { useCallback, useState } from 'react';
 
 export function useForceUpdate() {
diff --git a/src/components/hooks/useFormat.ts b/src/components/hooks/useFormat.ts
index 3057e9d8..4d8994fc 100644
--- a/src/components/hooks/useFormat.ts
+++ b/src/components/hooks/useFormat.ts
@@ -1,3 +1,4 @@
+'use client';
 import useMessages from './useMessages';
 import { BROWSERS } from 'lib/constants';
 import useLocale from './useLocale';
diff --git a/src/components/hooks/useLanguageNames.ts b/src/components/hooks/useLanguageNames.ts
index d4bfbf2f..95b1a97f 100644
--- a/src/components/hooks/useLanguageNames.ts
+++ b/src/components/hooks/useLanguageNames.ts
@@ -1,3 +1,4 @@
+'use client';
 import { useState, useEffect } from 'react';
 import { httpGet } from 'next-basics';
 import enUS from '../../../public/intl/language/en-US.json';
diff --git a/src/components/hooks/useLocale.ts b/src/components/hooks/useLocale.ts
index 8facb2bd..356e525b 100644
--- a/src/components/hooks/useLocale.ts
+++ b/src/components/hooks/useLocale.ts
@@ -1,3 +1,4 @@
+'use client';
 import { useEffect } from 'react';
 import { httpGet, setItem } from 'next-basics';
 import { LOCALE_CONFIG } from 'lib/constants';
diff --git a/src/components/hooks/useMessages.ts b/src/components/hooks/useMessages.ts
index 594a3c61..8b82dd57 100644
--- a/src/components/hooks/useMessages.ts
+++ b/src/components/hooks/useMessages.ts
@@ -1,6 +1,6 @@
-import { useIntl, FormattedMessage, MessageDescriptor, PrimitiveType } from 'react-intl';
+'use client';
+import { useIntl, FormattedMessage } from 'react-intl';
 import { messages, labels } from 'components/messages';
-import { FormatXMLElementFn, Options } from 'intl-messageformat';
 
 export function useMessages(): any {
   const intl = useIntl();
@@ -12,14 +12,12 @@ export function useMessages(): any {
   };
 
   const formatMessage = (
-    descriptor:
-      | MessageDescriptor
-      | {
-          id: string;
-          defaultMessage: string;
-        },
-    values?: Record<string, PrimitiveType | FormatXMLElementFn<string, string>>,
-    opts?: Options,
+    descriptor: {
+      id: string;
+      defaultMessage: string;
+    },
+    values?: { [key: string]: string },
+    opts?: any,
   ) => {
     return descriptor ? intl.formatMessage(descriptor, values, opts) : null;
   };
diff --git a/src/components/hooks/useNavigation.ts b/src/components/hooks/useNavigation.ts
index 0ff7155a..59731c3e 100644
--- a/src/components/hooks/useNavigation.ts
+++ b/src/components/hooks/useNavigation.ts
@@ -1,3 +1,4 @@
+'use client';
 import { useMemo } from 'react';
 import { usePathname, useRouter, useSearchParams } from 'next/navigation';
 import { buildUrl } from 'next-basics';
diff --git a/src/components/hooks/useSticky.ts b/src/components/hooks/useSticky.ts
index 459c489a..39c57f6e 100644
--- a/src/components/hooks/useSticky.ts
+++ b/src/components/hooks/useSticky.ts
@@ -1,3 +1,4 @@
+'use client';
 import { useState, useEffect, useRef } from 'react';
 
 export function useSticky({ enabled = true, threshold = 1 }) {
diff --git a/src/components/hooks/useTeamContext.ts b/src/components/hooks/useTeamContext.ts
index 0c0c0a7d..001c9cd1 100644
--- a/src/components/hooks/useTeamContext.ts
+++ b/src/components/hooks/useTeamContext.ts
@@ -1,3 +1,4 @@
+'use client';
 import { usePathname } from 'next/navigation';
 
 export function useTeamContext(): {
diff --git a/src/components/hooks/useTheme.ts b/src/components/hooks/useTheme.ts
index 099bf962..cd19f702 100644
--- a/src/components/hooks/useTheme.ts
+++ b/src/components/hooks/useTheme.ts
@@ -1,3 +1,4 @@
+'use client';
 import { useEffect } from 'react';
 import useStore, { setTheme } from 'store/app';
 import { getItem, setItem } from 'next-basics';
diff --git a/src/components/hooks/useTimezone.ts b/src/components/hooks/useTimezone.ts
index 3dbb52b3..0f5f8dbc 100644
--- a/src/components/hooks/useTimezone.ts
+++ b/src/components/hooks/useTimezone.ts
@@ -1,3 +1,4 @@
+'use client';
 import { useState, useCallback } from 'react';
 import { getTimezone } from 'lib/date';
 import { getItem, setItem } from 'next-basics';