I'm trying to access page params, my page contains just one client component and all other server components. the page is server side and I'm trying to access it with the only client component. The problem is I'm getting nothing with it.

<ServerComponent/>
<ServerComponent/>
<ServerComponent/>
<ServerComponent/>
<clientComponent/>

"use client"
import {useSearchParams} from "next/navigation"

const clientComponent = ()=>{
const search = useSearchParams()
const data = search.get("data")
return(<h1>{data}</h1>)}

but if I make whole page use client its working fine