Example code in Readme and Docs working with NextJS

[amit08255]

The code is giving below error:

Unhandled Runtime Error
TypeError: (0 , _emotion_utils__WEBPACK_IMPORTED_MODULE_4__.registerStyles) is not a function

Call Stack
Insertion
node_modules\@emotion\react\dist\emotion-element-6a883da9.browser.esm.js (175:16)
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)
scheduleUpdateOnFiber
node_modules\react-dom\cjs\react-dom.development.js (21881:0)
updateContainer
node_modules\react-dom\cjs\react-dom.development.js (25482:0)
eval
node_modules\react-dom\cjs\react-dom.development.js (26021:0)
unbatchedUpdates
node_modules\react-dom\cjs\react-dom.development.js (22431:0)
legacyRenderSubtreeIntoContainer
node_modules\react-dom\cjs\react-dom.development.js (26020:0)
Object.hydrate
node_modules\react-dom\cjs\react-dom.development.js (26086:0)
renderReactElement
node_modules\next\dist\client\index.js (526:30)
doRender
node_modules\next\dist\client\index.js (852:4)
_callee3$
node_modules\next\dist\client\index.js (421:18)
tryCatch
node_modules\regenerator-runtime\runtime.js (63:15)
Generator.invoke [as _invoke]
node_modules\regenerator-runtime\runtime.js (293:0)
Generator.eval [as next]
node_modules\regenerator-runtime\runtime.js (118:0)
asyncGeneratorStep
node_modules\next\dist\client\index.js (31:28)
_next
node_modules\next\dist\client\index.js (49:16)
eval
node_modules\next\dist\client\index.js (54:12)
new Promise
<anonymous>
eval
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:8)
tryCatch
node_modules\regenerator-runtime\runtime.js (63:15)
Generator.invoke [as _invoke]
node_modules\regenerator-runtime\runtime.js (293:0)
Generator.eval [as next]
node_modules\regenerator-runtime\runtime.js (118:0)
asyncGeneratorStep
node_modules\next\dist\client\index.js (31:28)
_next
node_modules\next\dist\client\index.js (49:16)