RCTFatalException: Unhandled JS Exception: TypeError: undefined is not an object (evaluating 'le.slice')

[sentry-io]

Sentry Issue: WORDPRESS-IOS-3KPB

RCTFatalException: Unhandled JS Exception: TypeError: undefined is not an object (evaluating 'le.slice')

This error is located at:
    in Unknown
    in WithPreferredColorScheme(Component)
    in WithDispatch(WithPreferredColorScheme(Component))
    in...: Unhandled JS Exception: TypeError: undefined is not an object (evaluating 'le.slice')

This error is located at:
    in Unknown
    in WithPreferredColorScheme(Component)
    ..., stack:
<unknown>@2774:1896
useMemo@39:48956
<unknown>@2774:1868
zr@39:42147
aa@39:90153
Xa@39:81048
Ya@39:80976
Wa@39:80741
Ha@39:77740
Ha@(null):(null)
xt@39:26276
Re@39:93487
Ce@39:12979
Le@39:13356
receiveEvent@39:13766
value@62:3579
<unknown>@62:758
value@62:2582
value@62:730
value@(null):(null)

  File "React-Core/React/Base/RCTAssert.m", line 146, in RCTFatal
  File "React-CoreModules/RCTExceptionsManager.mm", line 78, in -[RCTExceptionsManager reportFatal:stack:exceptionId:suppressRedBox:]
  File "React-CoreModules/RCTExceptionsManager.mm", line 148, in -[RCTExceptionsManager reportException:]
  File "React-Core/React/Base/RCTModuleMethod.mm", line 584, in -[RCTModuleMethod invokeWithBridge:module:arguments:]
  File "React-Core/React/CxxModule/RCTNativeModule.mm", line 183, in facebook::react::invokeInner
...
(14 additional frame(s) were not displayed)

Desymbolized stacktrace:

Unhandled JS Exception: TypeError: undefined is not an object (evaluating 'le.slice')

This error is located at:
    in Unknown
    in WithPreferredColorScheme(Component)
    ..., stack:
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/packages/block-library/src/cover/edit.native.js:154:useMemo$argument_0
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js:3883:HooksDispatcherOnMount.useMemo
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/packages/block-library/src/cover/edit.native.js:152:Cover
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js:3360:renderWithHooks
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js:7227:beginWork$1
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js:6771:performUnitOfWork
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js:6764:workLoopSync
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js:6746:renderRootSync
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js:6454:performSyncWorkOnRoot
Ha@(null):(null)
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js:2058:flushSyncCallbacks
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js:7948:batchedUpdatesImpl
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js:1010:batchedUpdates
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js:1041:_receiveRootNodeIDEvent
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/node_modules/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js:1082:ReactNativePrivateInterface.RCTEventEmitter.register$argument_0.receiveEvent
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:419:__callFunction
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:116:__guard$argument_0
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:370:__guard
/Users/siobhanbamber/Work-Projects-1/gutenberg-mobile/gutenberg/node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:115:callFunctionReturnFlushedQueue
value@(null):(null)

[geriux]

block-library/src/cover/edit.native.js:154

This change was introduced in WordPress/gutenberg#38417 which adds support for multiple color palettes.

The line specifically it appears colorsDefault might be undefined or null in some cases 🤔

[twstokes]

I'm setting this as medium priority due to:

• low impact because of a low number of users affected
• high severity since it affects editing

[twstokes]

@geriux I'm assigning this issue to you as part of crash triaging, but will be glad to change assignees if that isn't correct. 🙇

[geriux]

I haven't been able to reproduce this but while I was investigating another bug, we found a regression with the API endpoint that returns the block editor settings data that includes the global styles configuration. Although it's not yet confirmed that this issue started because of the API regression I'll keep an eye on the events until that fix is released in production.

[hypest]

Just wanted to add that judging by the stats on the Sentry page, it seems the crashes have been in decline recently:

I'm going to close the ticket as "addressed", but we can re-open if we have evidence of still being around. Thanks!