diff --git a/src/app/(main)/App.tsx b/src/app/(main)/App.tsx
index a906739c..74be8292 100644
--- a/src/app/(main)/App.tsx
+++ b/src/app/(main)/App.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { Loading } from 'react-basics';
 import Script from 'next/script';
 import { usePathname } from 'next/navigation';
diff --git a/src/app/(main)/NavBar.tsx b/src/app/(main)/NavBar.tsx
index ed29df13..86d1db71 100644
--- a/src/app/(main)/NavBar.tsx
+++ b/src/app/(main)/NavBar.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { Icon, Text } from 'react-basics';
 import Link from 'next/link';
 import classNames from 'classnames';
diff --git a/src/app/(main)/UpdateNotice.tsx b/src/app/(main)/UpdateNotice.tsx
index 54ad05c9..c56d3ce4 100644
--- a/src/app/(main)/UpdateNotice.tsx
+++ b/src/app/(main)/UpdateNotice.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { useEffect, useCallback, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { Button } from 'react-basics';
diff --git a/src/app/(main)/layout.tsx b/src/app/(main)/layout.tsx
index bcc86bff..f5aeab67 100644
--- a/src/app/(main)/layout.tsx
+++ b/src/app/(main)/layout.tsx
@@ -1,4 +1,3 @@
-'use client';
 import App from './App';
 import NavBar from './NavBar';
 import Page from 'components/layout/Page';
diff --git a/src/components/layout/Page.tsx b/src/components/layout/Page.tsx
index c2a0e241..83312d12 100644
--- a/src/components/layout/Page.tsx
+++ b/src/components/layout/Page.tsx
@@ -1,3 +1,4 @@
+'use client';
 import { ReactNode } from 'react';
 import classNames from 'classnames';
 import { Banner, Loading } from 'react-basics';