토스 결제 위젯 - 결제 실패 페이지 query 타입 오류 관련 문의입니다.

안녕하세요,
Next.js와 TypeScript를 사용하여 토스 결제 위젯을 연동을 하고 있는데
query 타입 오류가 발생해서 문의드립니다.

예제로 주신 샘플 코드에는 하기와 같이 안내되어있는데,
useRouter을 useSearchParams로 다시 적용해보아도 에러가 발생하는데 혹시 어떻게 수정해야 할까요?