토스 결제 위젯 - 결제 실패 페이지 query 타입 오류 관련 문의입니다.
안녕하세요,
Next.js와 TypeScript를 사용하여 토스 결제 위젯을 연동을 하고 있는데
query 타입 오류가 발생해서 문의드립니다.
예제로 주신 샘플 코드에는 하기와 같이 안내되어있는데,
useRouter을 useSearchParams로 다시 적용해보아도 에러가 발생하는데 혹시 어떻게 수정해야 할까요?

8 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
오류 메세지 공유주세요
const { query } = useRouter();
사용하고 배포하였을 때 에러 메시지입니다!

query 가 쿼리파람에 있는 message 를 받으시려는 건가요?
그러면 useRouter() 를 쓰시면 안될것 같은데요.
샘플에 문제가 있는것 같은데 확인해보고 공유드릴께요.
@냥과장 넵 확인 부탁드립니다, 감사합니다!!
@GO 님 nexjs 13 앱라우터를 쓰시는 상황으로 보입니다.
13버전에서는 useSearchParams 로 변경이 된것 같고,
아래 링크를 참고해서 수정해 주시면 됩니다.
Functions: useSearchParams
API Reference for the useSearchParams hook.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.