uber
Unhandled Runtime Error on Next.js
Current Behavior
Are there any breaking changes to the configuration on version 11?
After updating the package from
"baseui": "^10.5.0",
to
"baseui": "^11.0.0",
I got error:
Unhandled Runtime Error Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check the render method of observerComponent. Call Stack createFiberFromTypeAndProps node_modules/react-dom/cjs/react-dom.development.js (25058:0) createFiberFromElement node_modules/react-dom/cjs/react-dom.development.js (25086:0) createChild node_modules/react-dom/cjs/react-dom.development.js (13446:0) reconcileChildrenArray node_modules/react-dom/cjs/react-dom.development.js (13719:0) reconcileChildFibers node_modules/react-dom/cjs/react-dom.development.js (14125:0) reconcileChildren node_modules/react-dom/cjs/react-dom.development.js (16990:0) updateHostComponent node_modules/react-dom/cjs/react-dom.development.js (17632:0) beginWork node_modules/react-dom/cjs/react-dom.development.js (19080:0) callCallback node_modules/react-dom/cjs/react-dom.development.js (3945:0) 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) flushSyncCallbackQueueImpl/< 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) unbatchedUpdates node_modules/react-dom/cjs/react-dom.development.js (22438:0) legacyRenderSubtreeIntoContainer node_modules/react-dom/cjs/react-dom.development.js (26020:0) hydrate node_modules/react-dom/cjs/react-dom.development.js (26086:0) renderReactElement node_modules/next/dist/client/index.js (523:30) doRender node_modules/next/dist/client/index.js (850:23) _callee3$ node_modules/next/dist/client/index.js (421:18) tryCatch node_modules/next/dist/compiled/regenerator-runtime/runtime.js (45:15) invoke node_modules/next/dist/compiled/regenerator-runtime/runtime.js (274:0) defineIteratorMethods/</prototype[method] node_modules/next/dist/compiled/regenerator-runtime/runtime.js (97:0) asyncGeneratorStep node_modules/next/dist/client/index.js (31:28) _next node_modules/next/dist/client/index.js (49:35) _asyncToGenerator/</< node_modules/next/dist/client/index.js (54:18) _asyncToGenerator/< node_modules/next/dist/client/index.js (46:15) _render node_modules/next/dist/client/index.js (439:19) render node_modules/next/dist/client/index.js (412:19) _callee2$ node_modules/next/dist/client/index.js (407:15) tryCatch node_modules/next/dist/compiled/regenerator-runtime/runtime.js (45:15) invoke node_modules/next/dist/compiled/regenerator-runtime/runtime.js (274:0) defineIteratorMethods/</prototype[method] node_modules/next/dist/compiled/regenerator-runtime/runtime.js (97:0) asyncGeneratorStep node_modules/next/dist/client/index.js (31:28) _next node_modules/next/dist/client/index.js (49:35)
Your Environment
| Tech | Version |
|---|---|
| Base UI | ^11.0.0 |
| React | ^17.0.2 |
| Next | ^12.1.4 |
| styletron-engine-atomic | ^1.4.8 |
| styletron-react | ^6.0.2 |
There have been a variety of breaking changes included in the v11 release. Please see this blog post for more information https://baseweb.design/blog/base-web-v11/
