[Bugfix]: 없는 아이디 검색 navigate 후 새로 아이디 검색하면 맛 가는 문제 (#88)

* fix: errorboundary에 key값 추가

* fix: useSearchParams suspense내부에서 사용하게수정

Author: donghyun1998

src/app/summoner-page/page.tsx

@@ -2,24 +2,35 @@
 
 import { Suspense } from "react";
 
+import { useSearchParams } from "next/navigation";
 import { ErrorBoundary } from "react-error-boundary";
 
 import { Spinner } from "@/components/ui";
 
 import { ErrorPage, SummonerContent } from "./_components";
 
-export default function SummonerPage() {
+const ErrorBoundaryWithKey = () => {
+  const searchParams = useSearchParams();
+  const id = searchParams.get("id");
+  const tag = searchParams.get("tag");
+
   return (
-    <ErrorBoundary FallbackComponent={ErrorPage}>
-      <Suspense
-        fallback={
-          <div className="flex h-96 w-full items-center justify-center">
-            <Spinner />
-          </div>
-        }
-      >
-        <SummonerContent />
-      </Suspense>
+    <ErrorBoundary FallbackComponent={ErrorPage} key={`${id}-${tag}`}>
+      <SummonerContent />
     </ErrorBoundary>
   );
+};
+
+export default function SummonerPage() {
+  return (
+    <Suspense
+      fallback={
+        <div className="flex h-96 w-full items-center justify-center">
+          <Spinner />
+        </div>
+      }
+    >
+      <ErrorBoundaryWithKey />
+    </Suspense>
+  );
 }