Need help testing component that uses nuqs with Jest

[edbella]

Hello, I've encountered some errors testing with Jest.

Test suite failed to run

This package is ESM only.
  See https://err.47ng.com/NUQS-101 for more details.

> 1 | import { parseAsString, useQueryState } from 'nuqs';

I've followed the testing docs as outlined:

render(
      <Suspense fallback={<div>Loading...</div>}>
        <Tabs />
      </Suspense>,
      {
        wrapper: withNuqsTestingAdapter({ searchParams: '' }),
      },
);

There is a reusable hook within <Tabs /> that makes use of nuqs. I also tried testing the reusable hook itself using the same pattern and got the same error.

[franky47]

Did you follow the Jest-specific guidelines in the docs? https://nuqs.47ng.com/docs/testing#jest-and-esm

[edbella]

I'm working within a large project that already has jest setup to work with the existing structure. I'm not able to do a full manipulation as described in the docs because then other things fail as well. Project is setup using Nx

[franky47]

If you're unable to configure Jest for ESM support, I don't think you'll be able to use Jest to test nuqs then, sorry. Even with the newer versions of Node.js that allow running ESM code in CJS, there will likely be issues with the way Jest loads modules to be able to mock them.