diff --git a/src/Router.tsx b/src/Router.tsx
index 5b31c870..b23ae087 100644
--- a/src/Router.tsx
+++ b/src/Router.tsx
@@ -5,6 +5,7 @@ import { useQueryErrorResetBoundary } from 'react-query';
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 
 import BoundaryErrorPage from './components/common/BoundaryErrorPage';
+import ClearToken from './components/common/ClearToken/ClearToken';
 import ErrorPage from './components/common/ErrorPage';
 import LoadingPage from './components/common/LoadingPage';
 import CreateBook from './CreateBook/page';
@@ -47,6 +48,7 @@ function Router() {
             <Route path="/loading" element={<LoginCallback />} />
             <Route path="/error" element={<ErrorPage />} />
             <Route path="/loading-page" element={<LoadingPage />} />
+            <Route path="/clear" element={<ClearToken />} />
             <Route path="/*" element={<ErrorPage />} />
           </Routes>
         </Suspense>
diff --git a/src/components/common/ClearToken/ClearToken.tsx b/src/components/common/ClearToken/ClearToken.tsx
new file mode 100644
index 00000000..1f98dd6f
--- /dev/null
+++ b/src/components/common/ClearToken/ClearToken.tsx
@@ -0,0 +1,7 @@
+function ClearToken() {
+  window.localStorage.clear();
+
+  return <div>clear token</div>;
+}
+
+export default ClearToken;