Help! - Uncaught TypeError: Cannot read properties of null (reading 'toString')

[edbella]

New to nuqs and I've setup my query state to work with tabs where the default links to an index tab and subsequent values map to the appropriate tab specified in the search parameters.

I'm experiencing a problem where the default value is not returned when the search key has no value. When the url ends with /dashboard I get the error Uncaught TypeError: Cannot read properties of null (reading 'toString') when it ends with /dashboard?tab= everything works normally.

My assumption is that when you set a default value, /dashboard should return the default value (which is <empty string> in my case) but it seems like there's some internal check to convert the query to string of which it doesn't exist.

Framework: React Router V6
nuqs: 2.3.2

Code setup:

const [currentTab, setTab] = useQueryState(
    'tab',
    parseAsString.withDefault('').withOptions({
      scroll: false,
    }),
  );

[franky47]

Do you have a stack trace for where the error comes from?

[franky47]

I think the error is coming from this line in the React devtools:
https://github.com/facebook/react/blob/f83903bfcc5a61811bd1b69b14f0ebbac4754462/packages/react-devtools-shared/src/backend/utils/formatConsoleArguments.js#L59-L61

If you're able to find this nuqs.js bundle in your built output, could you tell me which debug statement is causing this (line 520)?

[franky47]

Could you please try this preview version and see if it solves the issue?

pnpm add https://pkg.pr.new/nuqs@909

[edbella]

Yes it does @franky47

[franky47]

Great, I'll get it merged then and it should land in nuqs@2.4.0 next week.

I also fixed the issue upstream in React devtools: facebook/react#32372

[franky47]

It's available on NPM in nuqs@2.4.0-beta.3.