[fix] useSearchParams Suspense 추가

team-yello · Mar 15, 2024 · 368fcb7 · 368fcb7
1 parent 27f5fbe
commit 368fcb7
Showing 1 changed file with 14 additions and 7 deletions.
diff --git a/app/event/university/Booth/page.tsx b/app/event/university/Booth/page.tsx
@@ -7,10 +7,21 @@ import {
 } from '@/util/string';
 import { sendGTMEvent } from '@next/third-parties/google';
 import { useSearchParams } from 'next/navigation';
-import React, { useEffect } from 'react';
+import React, { Suspense, useEffect } from 'react';
 import { isAndroid, isIOS } from 'react-device-detect';
 
 export default function Page() {
+ return (
+ <>
+ <div>{'redirecting...'}</div>
+ <Suspense>
+ <GTMComponent />
+ </Suspense>
+ </>
+ );
+}
+
+const GTMComponent = () => {
  const params = useSearchParams();
 
  useEffect(() => {
@@ -34,9 +45,5 @@ export default function Page() {
  }
  }, [params]);
 
- return (
- <>
- <div>{'redirecting...'}</div>
- </>
- );
-}
+ return <div>{'data sending..'}</div>;
+};