TypeError: useMediaQuery is not a function

[hari-bhandari]

TypeError: useMediaQuery is not a function

Call Stack
useIsMobileBreakpoint
node_modules\@aperturerobotics\chonky\dist\chonky.cjs.development.js (2490:0)
eval
node_modules\@aperturerobotics\chonky\dist\chonky.cjs.development.js (2852:0)
renderWithHooks
node_modules\react-dom\cjs\react-dom.development.js (16305:0)
updateForwardRef
node_modules\react-dom\cjs\react-dom.development.js (19226:0)
beginWork
node_modules\react-dom\cjs\react-dom.development.js (21636:0)
HTMLUnknownElement.callCallback
node_modules\react-dom\cjs\react-dom.development.js (4164:0)
Object.invokeGuardedCallbackDev
node_modules\react-dom\cjs\react-dom.development.js (4213:0)
invokeGuardedCallback
node_modules\react-dom\cjs\react-dom.development.js (4277:0)
beginWork$1
node_modules\react-dom\cjs\react-dom.development.js (27451:0)
performUnitOfWork
node_modules\react-dom\cjs\react-dom.development.js (26557:0)
workLoopSync
node_modules\react-dom\cjs\react-dom.development.js (26466:0)
renderRootSync
node_modules\react-dom\cjs\react-dom.development.js (26434:0)
performSyncWorkOnRoot
node_modules\react-dom\cjs\react-dom.development.js (26085:0)
flushSyncCallbacks
node_modules\react-dom\cjs\react-dom.development.js (12042:0)
eval
node_modules\react-dom\cjs\react-dom.development.js (25651:0)```

[johnneijzen]

same issue i downgrade to ^0.2.8 instead

[fjwillemsen]

Same error, hope it gets fixed! The effort to maintain Chonky is much appreciated.

[kaytwo]

Our team determined that removing these lines:

react-chonky/packages/chonky/package.json

Lines 29 to 35 in 8b878b7

	"exports": {
	".": {
	"import": "./dist/index.js",
	"require": "./dist/index.js",
	"types": "./dist/index.d.ts"
	}
	},

allowed everything to work as expected. I don't 100% understand what the underlying problem is here, but happy to submit a PR to clean up the package.json for this issue.

[paralin]

Hmmm that looks like a esm vs. cjs issue. I'll have a look.

[cklat]

Is there any news to this problem?

I'm able to use the package without any problems after adjusting some things for the initial setup but I'm unable to test anything with it using jest.
When rendering the page which uses the Chonky component in the respective tests, I get the above mentioned error of 'useMediaQuery() is not a function'

Is there any workaround for the moment you guys know of?

e/
Using v0.2.8 for what's worth.

[paralin]

@hari-bhandari @cklat @kaytwo @johnneijzen @fjwillemsen I released v0.3.1 with the changes mentioned here. Please give it a go and let me know if this issue is fixed or not.

[cklat]

@paralin

unable to upgrade from v0.2.8

edit//

Managed to get it to upgrade.

However in my case (testing to render the component), the error is still the same. Nothing changed

[paralin]

Ok I'll have another look.

[shayanaijaz]

Hi, any updates on this issue? Running into the same issue when trying to test using Jest

[paralin]

I am no longer using chonky and therefore haven't had time to investigate this issue. That said, if someone sends a PR to fix it I will test + merge + publish the updated version.