گرفتن query از روتر در next.navigation

سلام
فکر میکنم کد زیر مد نظرتون هست
برای مسیر روتی که رفتید کد زیر

import { usePathname } from "next/navigation";
  const pathname = usePathname();

برای کوئری سرچ هاتون کد زیر

import { useSearchParams} from "next/navigation";
const searchParams = useSearchParams();
 const params = new URLSearchParams(searchParams)

usePathName فقط مسیر روت رو نشون میده و کوئری رو نشون نمیده، مثلا توی روت test :

'use client'

import { usePathname, useRouter, useSearchParams } from "next/navigation"

const Test = () => {
  const router = useRouter()
  const pathName = usePathname()

  function handleClick() {
    router.push('/test?url-query')
    console.log(pathName) // test
  }
  return (
    <div className="h-full w-full flex justify-center items-center">
      <button
        onClick={handleClick}
      >Click for Query
      </button>
    </div>
  )
}

با کلیک روی دکمه اون کوئری اضافه بشه
من چه جوری میتونم خود اون کوئری رو بگیرم

قبلا با router.query این مقدار برمیگشت
@salar.mohammad2013

همون کد دومی که فرستادم بود ولی به صورت key ,value بود
طبق مستندات خود نکس به شکل زیر شما میتونی کوئری رو بگیری

import { useSearchParams } from "next/navigation";
  const searchParams = useSearchParams()
  const search = searchParams.get('search')
  console.log(search)