Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Documentation for `useQueryStates`

See original GitHub issue

Issue Description

From the code, I can see that you provide useQueryStates for multiple state updates. Is this functional? It’s never mentioned in the docs. I tried the following but doesn’t seem to be working.

  const [query, setQuery] = useQueryStates({
    foo: "foo",
    arr: "arr"
  });

Issue Analytics

State:
Created a year ago
Comments:20 (12 by maintainers)

Top GitHub Comments

1reaction

surjithctlycommented, Jan 31, 2022

Hmm… then I guess one-line of queryTypes.string.withDefault('john') doesn’t make any harm!

Will keep using that. I didn’t touch typescript myself.

1reaction

surjithctlycommented, Jan 28, 2022

Thank you. I tried this. Now it adds up without replacing. But one by one after a delay.

I was doing a backend call on button change and I need all the values to be updated in the state, but its taking so much time updating 4-8 items. My current workaround was calling the router.push manually without the pathname

    router.push({
      query: {
        name: data.name,
        email: data.email,
        phone: data.phone
      }
    });

The above updates the URL relatively fast, but does it together.

Top Results From Across the Web

useQueryState hook for Next.js - Like React.useState ... - GitHub

Documentation. useQueryState takes one required argument: the key to use in the query string. Like React.useState , it returns an array with the...

next-usequerystate - npm

useQueryState hook for Next.js - Like React.useState, but stored in the URL query string. Latest version: 1.7.2, last published: 9 months ...

next-usequerystate examples - CodeSandbox

Learn how to use next-usequerystate by viewing and forking example apps that make use of next-usequerystate on CodeSandbox. ; Latest version1.7.2. LicenseMIT.

API Slices: React Hooks | Redux Toolkit

This hook combines the functionality of both useQueryState and useQuerySubscription together, and is intended to be used in the majority of ...

François Best ➡️ on Twitter: "useQueryState: use #NextJS ...

useQueryState : use #NextJS router query string parameters like you would use React.useState Bonus: it only re-renders components with the ...