search

mantinedev / mantine

A fully featured React components library
https://mantine.dev
MIT License
26.16k stars 1.85k forks source link

Cannot read properties of undefined #1136

Closed hansyulian closed 2 years ago

hansyulian commented 2 years ago

What package has an issue

@mantine/core

Describe the bug

I tried to use Drawer component, but it causes this error. I made sure that i already follow the setup guide

Unhandled Runtime Error
TypeError: Cannot read properties of undefined (reading '5')

Call Stack
Object.eval [as focusStyles]
node_modules\@mantine\styles\esm\theme\functions\fns\focus-styles\focus-styles.js (6:171)
eval
node_modules\@mantine\core\esm\components\Text\Text.styles.js (61:71)
useStyles
node_modules\@mantine\styles\esm\tss\create-styles.js (15:0)
eval
node_modules\@mantine\core\esm\components\Text\Text.js (75:35)
renderWithHooks
node_modules\react-dom\cjs\react-dom.development.js (14985:0)
updateForwardRef
node_modules\react-dom\cjs\react-dom.development.js (17044:0)
beginWork
node_modules\react-dom\cjs\react-dom.development.js (19098: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)
unbatchedUpdates
node_modules\react-dom\cjs\react-dom.development.js (22438: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 (488:30)
doRender
node_modules\next\dist\client\index.js (710:4)
_callee$
node_modules\next\dist\client\index.js (384:18)
tryCatch
node_modules\next\node_modules\regenerator-runtime\runtime.js (45:15)
Generator.invoke [as _invoke]
node_modules\next\node_modules\regenerator-runtime\runtime.js (274:0)
Generator.prototype.<computed> [as next]
node_modules\next\node_modules\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:16)
eval
node_modules\next\dist\client\index.js (54:12)
new Promise
<anonymous>
Object.eval
node_modules\next\dist\client\index.js (46:15)
Object._render
node_modules\next\dist\client\index.js (403:19)
Object.render
node_modules\next\dist\client\index.js (406:19)
eval
node_modules\next\dist\client\next-dev.js (86:15)
eval
node_modules\next\dist\client\dev\fouc.js (12:12)

In which browser did the problem occur

Microsoft Edge

If possible, please include a link to a codesandbox with the reproduced problem

No response

Do you know how to fix the issue

No

Are you willing to participate in fixing this issue and create a pull request with the fix

Yes

Possible fix

No response

rtivital commented 2 years ago

You have set primaryColor to the incorrect value – https://mantine.dev/theming/extend-theme/#primary-color

hansyulian commented 2 years ago

ah! correct! thx!