search

GregoryNative / react-native-gl-image-filters

React-Native image filters using gl-react
MIT License
248 stars 35 forks source link

All packages (as mentioned in your snack example) installed properly still getting the following errors on expo #62

Closed chandumatrix004 closed 2 years ago

chandumatrix004 commented 2 years ago

[11:24:21] Warning: Failed context type: The context glSurface is marked as required in Node, but its value is undefined. at node_modules\react-native\Libraries\LogBox\LogBox.js:174:8 in registerError at node_modules\react-native\Libraries\LogBox\LogBox.js:60:8 in errorImpl at node_modules\react-native\Libraries\LogBox\LogBox.js:34:4 in console.error at node_modules\expo\build\environment\react-native-logs.fx.js:27:4 in error at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:85:4 in printWarning at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:61:16 in error at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:4561:15 in checkPropTypes at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:4695:20 in getMaskedContext at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:7722:24 in constructClassInstance at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:12729:26 in updateClassComponent at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:19794:22 in beginWork$1 at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18563:22 in performUnitOfWork at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18499:21 in workLoopSync at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18464:18 in renderRootSync at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18158:31 in performSyncWorkOnRoot at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:5911:33 in runWithPriority$argument_1 at node_modules\scheduler\cjs\scheduler.development.js:468:23 in unstable_runWithPriority at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:5906:23 in flushSyncCallbackQueueImpl at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:5893:28 in flushSyncCallbackQueue at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18211:28 in batchedUpdates$1 at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:2534:29 in batchedUpdates at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:2680:16 in _receiveRootNodeIDEvent at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:2800:27 in receiveTouches at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:414:4 in __callFunction at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:113:6 in guard$argument_0 at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:365:10 in guard at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:112:4 in callFunctionReturnFlushedQueue

[11:24:21] Warning: Failed context type: The context glParent is marked as required in Node, but its value is undefined. at node_modules\react-native\Libraries\LogBox\LogBox.js:174:8 in registerError at node_modules\react-native\Libraries\LogBox\LogBox.js:60:8 in errorImpl at node_modules\react-native\Libraries\LogBox\LogBox.js:34:4 in console.error at node_modules\expo\build\environment\react-native-logs.fx.js:27:4 in error at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:85:4 in printWarning at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:61:16 in error at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:4561:15 in checkPropTypes at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:4695:20 in getMaskedContext at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:7722:24 in constructClassInstance at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:12729:26 in updateClassComponent at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:19794:22 in beginWork$1 at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18563:22 in performUnitOfWork at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18499:21 in workLoopSync at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18464:18 in renderRootSync at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18158:31 in performSyncWorkOnRoot at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:5911:33 in runWithPriority$argument_1 at node_modules\scheduler\cjs\scheduler.development.js:468:23 in unstable_runWithPriority at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:5906:23 in flushSyncCallbackQueueImpl at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:5893:28 in flushSyncCallbackQueue at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18211:28 in batchedUpdates$1 at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:2534:29 in batchedUpdates at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:2680:16 in _receiveRootNodeIDEvent at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:2800:27 in receiveTouches at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:414:4 in __callFunction at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:113:6 in guard$argument_0 at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:365:10 in guard at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:112:4 in callFunctionReturnFlushedQueue

[11:24:21] TypeError: undefined is not an object (evaluating 'this.context.glSurface.RenderLessElement')

This error is located at: in Node (created by Sepia) in Sepia (created by ConditionalWrapper) in ConditionalWrapper in Unknown (created by ImageFiltersComponent) in ImageFiltersComponent in RCTView (created by View) in View (created by AppContainer) in RCTView (created by View) in View (created by AppContainer) in AppContainer (created by Modal) in RCTView (created by View) in View (created by Modal) in VirtualizedListContextResetter (created by Modal) in RCTModalHostView (created by Modal) in Modal in RCTView (created by View) in View (created by AnimatedComponent) in AnimatedComponent in AnimatedComponentWrapper (created by TouchableOpacity) in TouchableOpacity in Unknown in RCTView (created by View) in View in AndroidHorizontalScrollContentView (created by ScrollView) in AndroidHorizontalScrollView (created by ScrollView) in ScrollView (created by ScrollView) in ScrollView in RCTView (created by View) in View in Unknown (created by CameraPage) in CameraPage (created by App) in App (created by ExpoRoot) in ExpoRoot in RCTView (created by View) in View (created by AppContainer) in RCTView (created by View) in View (created by AppContainer) in AppContainer at node_modules\react-native\Libraries\LogBox\LogBox.js:149:8 in registerError at node_modules\react-native\Libraries\LogBox\LogBox.js:60:8 in errorImpl at node_modules\react-native\Libraries\LogBox\LogBox.js:34:4 in console.error at node_modules\expo\build\environment\react-native-logs.fx.js:27:4 in error at node_modules\react-native\Libraries\Core\ExceptionsManager.js:104:6 in reportException at node_modules\react-native\Libraries\Core\ExceptionsManager.js:172:19 in handleException at node_modules\react-native\Libraries\Core\ReactFiberErrorDialog.js:43:2 in showErrorDialog at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:15792:34 in logCapturedError at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:15884:20 in update.callback at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:7199:2 in callCallback at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:7220:20 in commitUpdateQueue at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:16632:25 in commitLifeCycles at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:19216:22 in commitLayoutEffects at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:93:4 in invokeGuardedCallbackProd at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:318:2 in invokeGuardedCallback at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18952:29 in commitRootImpl at node_modules\scheduler\cjs\scheduler.development.js:468:23 in unstable_runWithPriority at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18791:17 in commitRoot at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18192:12 in performSyncWorkOnRoot at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:5911:33 in runWithPriority$argument_1 at node_modules\scheduler\cjs\scheduler.development.js:468:23 in unstable_runWithPriority at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:5906:23 in flushSyncCallbackQueueImpl at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:5893:28 in flushSyncCallbackQueue at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18211:28 in batchedUpdates$1 at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:2534:29 in batchedUpdates at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:2680:16 in _receiveRootNodeIDEvent at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:2800:27 in receiveTouches at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:414:4 in __callFunction at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:113:6 in guard$argument_0 at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:365:10 in guard at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:112:4 in callFunctionReturnFlushedQueue

[11:24:21] Warning: Failed context type: The context glSizable is marked as required in Node, but its value is undefined. at node_modules\react-native\Libraries\LogBox\LogBox.js:174:8 in registerError at node_modules\react-native\Libraries\LogBox\LogBox.js:60:8 in errorImpl at node_modules\react-native\Libraries\LogBox\LogBox.js:34:4 in console.error at node_modules\expo\build\environment\react-native-logs.fx.js:27:4 in error at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:85:4 in printWarning at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:61:16 in error at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:4561:15 in checkPropTypes at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:4695:20 in getMaskedContext at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:7722:24 in constructClassInstance at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:12729:26 in updateClassComponent at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:19794:22 in beginWork$1 at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18563:22 in performUnitOfWork at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18499:21 in workLoopSync at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18464:18 in renderRootSync at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18158:31 in performSyncWorkOnRoot at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:5911:33 in runWithPriority$argument_1 at node_modules\scheduler\cjs\scheduler.development.js:468:23 in unstable_runWithPriority at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:5906:23 in flushSyncCallbackQueueImpl at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:5893:28 in flushSyncCallbackQueue at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:18211:28 in batchedUpdates$1 at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:2534:29 in batchedUpdates at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:2680:16 in _receiveRootNodeIDEvent at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:2800:27 in receiveTouches at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:414:4 in __callFunction at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:113:6 in guard$argument_0 at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:365:10 in guard at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:112:4 in callFunctionReturnFlushedQueue

[11:24:21] TypeError: undefined is not an object (evaluating 'this.context.glSurface.RenderLessElement')

This error is located at: in Node (created by Sepia) in Sepia (created by ConditionalWrapper) in ConditionalWrapper in Unknown (created by ImageFiltersComponent) in ImageFiltersComponent in RCTView (created by View) in View (created by AppContainer) in RCTView (created by View) in View (created by AppContainer) in AppContainer (created by Modal) in RCTView (created by View) in View (created by Modal) in VirtualizedListContextResetter (created by Modal) in RCTModalHostView (created by Modal) in Modal in RCTView (created by View) in View (created by AnimatedComponent) in AnimatedComponent in AnimatedComponentWrapper (created by TouchableOpacity) in TouchableOpacity in Unknown in RCTView (created by View) in View in AndroidHorizontalScrollContentView (created by ScrollView) in AndroidHorizontalScrollView (created by ScrollView) in ScrollView (created by ScrollView) in ScrollView in RCTView (created by View) in View in Unknown (created by CameraPage) in CameraPage (created by App) in App (created by ExpoRoot) in ExpoRoot in RCTView (created by View) in View (created by AppContainer) in RCTView (created by View) in View (created by AppContainer) in AppContainer at node_modules\react-native\Libraries\LogBox\LogBox.js:149:8 in registerError at node_modules\react-native\Libraries\LogBox\LogBox.js:60:8 in errorImpl at node_modules\react-native\Libraries\LogBox\LogBox.js:34:4 in console.error at node_modules\expo\build\environment\react-native-logs.fx.js:27:4 in error at node_modules\react-native\Libraries\Core\ExceptionsManager.js:104:6 in reportException at node_modules\react-native\Libraries\Core\ExceptionsManager.js:172:19 in handleException at node_modules\react-native\Libraries\Core\setUpErrorHandling.js:24:6 in handleError at node_modules\expo-error-recovery\build\ErrorRecovery.fx.js:12:21 in ErrorUtils.setGlobalHandler$argument_0 at node_modules\regenerator-runtime\runtime.js:63:36 in tryCatch at node_modules\regenerator-runtime\runtime.js:294:29 in invoke at node_modules\regenerator-runtime\runtime.js:63:36 in tryCatch at node_modules\regenerator-runtime\runtime.js:155:27 in invoke at node_modules\regenerator-runtime\runtime.js:165:18 in PromiseImpl.resolve.then$argument_0 at node_modules\react-native\node_modules\promise\setimmediate\core.js:37:13 in tryCallOne at node_modules\react-native\node_modules\promise\setimmediate\core.js:123:24 in setImmediate$argument_0 at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:123:14 in _callTimer at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:177:14 in _callImmediatesPass at node_modules\react-native\Libraries\Core\Timers\JSTimers.js:437:30 in callImmediates at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:388:6 in __callImmediates at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:132:6 in guard$argument_0 at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:365:10 in guard at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:131:4 in flushedQueue

pihomeserver commented 2 years ago

You have to embed ImageFilter in a Surface component like in the snack example (there are a lot of missing dependencies unimodules due to expo changes so not sure about impacts)