🐛[Fix] useSearchParams() 사용 영역 Suspense 적용 #211

[lumpenop]

작업사항

• useSearchParams() 사용 영역 Suspense 적용
• 🐛 [24.10.31] useSearchParams() 사용 영역 Suspense 적용, 및 image check 로직 다시 추가 #211

미리보기, 사용방법 및 결과물

// src/app/admin/(block)/link/page.tsx

"use client";

import { useSearchParams } from "next/navigation";
import { useState, useEffect } from "react";
import { Suspense } from "react";

function LinkPage() {
  const searchParams = useSearchParams();
  const [paramValue, setParamValue] = useState<string | null>(null);

  useEffect(() => {
    const value = searchParams.get("param");
    setParamValue(value);
  }, [searchParams]);

  return <div>Parameter Value: {paramValue}</div>;
}

export default function PageWithSuspense() {
  return (
    <Suspense fallback={<div>Loading...</div>}>
      <LinkPage />
    </Suspense>
  );
}

기타

작성일

2024.10.31

[s-ja]

고생하셨습니다!