Shallow true not working

[alberto-htl]

Context

What's your version of nuqs?

 "nuqs": "^2.4.3",

What framework are you using?

• Next.js (app router)

Which version of your framework are you using?

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 23.4.0: Fri Mar 15 00:12:49 PDT 2024; root:xnu-10063.101.17~1/RELEASE_ARM64_T6020
  Available memory (MB): 16384
  Available CPU cores: 10
Binaries:
  Node: 20.19.4
  npm: 10.8.2
  Yarn: 1.22.22
  pnpm: 8.11.0
Relevant Packages:
  next: 15.4.6 // Latest available version is detected (15.4.6).
  eslint-config-next: 15.0.3
  react: 19.1.0
  react-dom: 19.1.0
  typescript: 5.9.2
Next.js Config:
  output: standalone

Description

I am seeing a re- render of the page using the default shallow true, and even explicitly setting it to true.

Reproduction

const [tracked, setTracked] = useQueryState(
    "gtm_purchase",
    parseAsInteger.withDefault(0),
  );

  useEffect(() => {
    if (tracked === 1) {
      return;
    }

    void trackPurchase();
  }, []);

 
  function trackPurchase() {
    //.....
    void setTracked(1);
  }

[franky47]

I might need a bit more context around your tree to see what's going on. All I can see here is that useEffect is not capturing the tracked variable, so this might not work as intended.

That being said, shallow does not prevent client-side renders, it only avoids sending network requests to the server when updating state (rendering the RSC tree server-side).