I cannot hide query params from the url

[kho-ja]

Hello Everyone 👋 .

I am having an issue. In some tables, I want to kind of hide Query Parameters from the URL.

For Example

http://localhost:3000/dashboard?status=ACTIVE

This should be not visible like

http://localhost:3000/dashboard

that but it should be in the state in react. Because I have more than one tables in my dashboard they are kind of overflowing with each other.

Can we do that? 😓

[kho-ja]

I found the answer!

You just create your own useDataTable with useState not with nuqs' useQueryState.

Just copy the use-data-table.ts replace useQueryState with useState inside.

and use copied version to not reflect in the top url bar.