conorhastings / conorhastings/react-native-syntax-highlighter

TypeError: can't access property "color"

Open
#28 1 comment 1 reaction 0 assignees View on GitHub
Dominant language
JavaScript
Stars
184
Forks
26
PR merge metrics
No merged PRs in 30d

Description

Win10, both Expo targeting web & Next.js with React-Native-Web won't run your library. I used only the demo you have in README.
```error
Unhandled Runtime Error

TypeError: can't access property "color", topLevel is undefined
Call Stack
generateNewStylesheet/<
file:/D:/doc/prog/learn/js/react/reactnative/test-highlight-nextjs/.next/static/webpack/pages/index.970e49074bdcb60232d4.hot-update.js (24175:9)
generateNewStylesheet
/_next/static/webpack/pages/index.970e49074bdcb60232d4.hot-update.js (24174:30)
NativeSyntaxHighlighter
file:/D:/doc/prog/learn/js/react/reactnative/test-highlight-nextjs/.next/static/webpack/pages/index.970e49074bdcb60232d4.hot-update.js (24284:52)
renderWithHooks
/_next/static/chunks/main.js (31890:27)
mountIndeterminateComponent
file:/D:/doc/prog/learn/js/react/reactnative/test-highlight-nextjs/.next/static/chunks/main.js (34569:13)
beginWork
/_next/static/chunks/main.js (35683:16)
callCallback
file:/D:/doc/prog/learn/js/react/reactnative/test-highlight-nextjs/.next/static/chunks/main.js (17275:14)
invokeGuardedCallbackDev
/_next/static/chunks/main.js (17324:16)
invokeGuardedCallback
file:/D:/doc/prog/learn/js/react/reactnative/test-highlight-nextjs/.next/static/chunks/main.js (17379:31)
beginWork$1
/_next/static/chunks/main.js (40290:28)
performUnitOfWork
file:/D:/doc/prog/learn/js/react/reactnative/test-highlight-nextjs/.next/static/chunks/main.js (39241:12)
workLoopSync
/_next/static/chunks/main.js (39217:22)
performSyncWorkOnRoot
file:/D:/doc/prog/learn/js/react/reactnative/test-highlight-nextjs/.next/static/chunks/main.js (38843:9)
flushSyncCallbackQueueImpl/<
/_next/static/chunks/main.js (28176:24)
unstable_runWithPriority
file:/D:/doc/prog/learn/js/react/reactnative/test-highlight-nextjs/.next/static/chunks/main.js (46080:12)
runWithPriority$1
/_next/static/chunks/main.js (28126:10)
flushSyncCallbackQueueImpl
file:/D:/doc/prog/learn/js/react/reactnative/test-highlight-nextjs/.next/static/chunks/main.js (28171:24)
flushSyncCallbackQueue
/_next/static/chunks/main.js (28159:3)
flushSync
file:/D:/doc/prog/learn/js/react/reactnative/test-highlight-nextjs/.next/static/chunks/main.js (39019:5)
scheduleRefresh
/_next/static/chunks/main.js (28713:14)
performReactRefresh/<
file:/D:/doc/prog/learn/js/react/reactnative/test-highlight-nextjs/.next/static/chunks/react-refresh.js (507:17)
performReactRefresh
/_next/static/chunks/react-refresh.js (496:26)
scheduleUpdate/<
file:/D:/doc/prog/learn/js/react/reactnative/test-highlight-nextjs/.next/static/chunks/react-refresh.js (135:35)
```

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the failure using the README demo with Expo or Next.js and React-Native-Web on Windows 10. Start by tracing NativeSyntaxHighlighter and generateNewStylesheet from the reported stack, then verify the demo renders without the topLevel color TypeError.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, next.js, react-native
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.