components-ai / css.gui

Visual development environment for CSS
https://components.ai/css-gui
MIT License
537 stars 25 forks source link

Error on use in existing project #50

Closed GrantCuster closed 2 years ago

GrantCuster commented 2 years ago

Ran into this issue trying to install and use Editor with an existing app -- the error seems to come up once I start specifying state in the initial editor state. Any tips on how I track down what is going on here?

shotwin-2022-04-27_13-57-24

Unhandled Runtime Error
TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_0__.useId) is not a function

Call Stack
ColorInput
node_modules/@compai/css-gui/dist/index.js (2120:18)
renderWithHooks
node_modules/react-dom/cjs/react-dom.development.js (14985:0)
mountIndeterminateComponent
node_modules/react-dom/cjs/react-dom.development.js (17811:0)
beginWork
node_modules/react-dom/cjs/react-dom.development.js (19049:0)
HTMLUnknownElement.callCallback
node_modules/react-dom/cjs/react-dom.development.js (3945:0)
Object.invokeGuardedCallbackDev
node_modules/react-dom/cjs/react-dom.development.js (3994:0)
invokeGuardedCallback
node_modules/react-dom/cjs/react-dom.development.js (4056:0)
beginWork$1
node_modules/react-dom/cjs/react-dom.development.js (23964:0)
performUnitOfWork
node_modules/react-dom/cjs/react-dom.development.js (22776:0)
workLoopSync
node_modules/react-dom/cjs/react-dom.development.js (22707:0)
renderRootSync
node_modules/react-dom/cjs/react-dom.development.js (22670:0)
performSyncWorkOnRoot
node_modules/react-dom/cjs/react-dom.development.js (22293:0)
eval
node_modules/react-dom/cjs/react-dom.development.js (11327:0)
unstable_runWithPriority
node_modules/scheduler/cjs/scheduler.development.js (468:0)
runWithPriority$1
node_modules/react-dom/cjs/react-dom.development.js (11276:0)
flushSyncCallbackQueueImpl
node_modules/react-dom/cjs/react-dom.development.js (11322:0)
flushSyncCallbackQueue
node_modules/react-dom/cjs/react-dom.development.js (11309:0)
scheduleUpdateOnFiber
node_modules/react-dom/cjs/react-dom.development.js (21893:0)
dispatchAction
node_modules/react-dom/cjs/react-dom.development.js (16139:0)
eval
node_modules/@liveblocks/react/lib/index.js (306:0)
step
node_modules/@liveblocks/react/lib/index.js (53:0)
Object.eval [as next]
node_modules/@liveblocks/react/lib/index.js (34:45)
fulfilled
node_modules/@liveblocks/react/lib/index.js (24:42)
GrantCuster commented 2 years ago

Ah, needed to update react to 18+ in the project. Working now.

johno commented 2 years ago

I've just added a peerDep to the package.json as well, so older React versions will at least see an install warning in addition to that error that's hard to reason about 😬