diff --git a/frontend/src/pages/(navbar)/graphiql.tsx b/frontend/src/pages/(navbar)/graphiql.tsx
index 163b1b6479cc48fe7d554d54c8b7b015c86f31e3..cbb007ebc35a111272f11966968991cf9b503620 100644
--- a/frontend/src/pages/(navbar)/graphiql.tsx
+++ b/frontend/src/pages/(navbar)/graphiql.tsx
@@ -1,12 +1,9 @@
-import { useSetPageTitle } from '@/utils'
-import { lazy } from 'react'
+import { Suspense, lazy } from 'react'
 
 const GraphiQLPage = lazy(() => import('@/logic/GraphiQL'))
 
-export const GraphiQL = () => {
-  useSetPageTitle('GraphiQL')
-
-  return <GraphiQLPage />
-}
+export const GraphiQL = () => <Suspense>
+    <GraphiQLPage />
+</Suspense>
 
 export default GraphiQL