useLayoutEffect is not defined error

[asterikx]

After upgrading to v0.0.38, I get this error with Next.js:

Unhandled Runtime Error
ReferenceError: $jhddX$useLayoutEffect is not defined

Call Stack
eval
../node_modules/next-translate-plugin/lib/cjs/node_modules/react-resizable-panels/dist/react-resizable-panels.module.js (6:0)
../../node_modules/react-resizable-panels/dist/react-resizable-panels.module.js

v0.0.37 works just fine.

[YMNNs]

I have the same issue on create-react-app but v0.0.37 works.

[NMinhNguyen]

Can confirm this breaks in a fresh Vite app as well (yarn create vite, yarn add react-resizable-panels, import something from the package and yarn dev to start it). I believe it's due to the 'useId'.toString() change: ed96947 (mentioned in #82 (comment)), and Parcel not handling it correctly.

[bvaughn]

I believe it's due to the 'useId'.toString() change: ed96947

That would also be my first guess.

[NMinhNguyen]

I believe it's due to the 'useId'.toString() change: ed96947

That would also be my first guess.

Yeah, I checked out the repo and built the package a few times, and the 'useId'.toString() seems to be confusing Parcel. It seems like switching to a namespace import of React everywhere works though.

[bvaughn]

I'm going to publish 0.0.39 with a fix for this in a few. I'm looking at other options for a few first though (beyond just reverting it).

[bvaughn]

It seems like switching to a namespace import of React everywhere works though.

Thanks for this tip 👍🏼 I've confirmed it locally. Now I'm just adding some lint rules and stuff to make sure I don't regress.

[bvaughn]

Should be fixed in 0.0.39