cube-js/cube

Cubejs-client/core and react is not working in react-native

Open

#6759 opened on Jun 26, 2023

View on GitHub
 (2 comments) (2 reactions) (0 assignees)Rust (19,563 stars) (1,965 forks)batch import
client:reacthelp wanted

Description

Actually, I'm using React native version 0.71 for building an analytics app, so I Im using cubejs for that. So, the problem is that when I import the package of @cubejs-client/core and @cubejs-client/react the screen becomes blank and hangs and the Maximum call stack size exceeded and some internal recursion is going on

I have also done the full stack trace report of the app and it shows errors like

             │ TypeError: An error was thrown when attempting to render log messages via LogBox.
                         │ 
                         │ undefined is not a function, js engine: hermes
                         │ RangeError: Maximum call stack size exceeded (native stack depth), js engine: hermes
                         │ TypeError: An error was thrown when attempting to render log messages via LogBox.
                         │ 
                         └ undefined is not a function, js engine: hermes

Currently i have used version of 0.33.12 of these packages(@cubejs-client/core and @cubejs-client/react )

I have downgraded my react-native version and also used a lower version of cubejs packages but still I got the same error

And by disabling the hermes it giving errors like this

TypeError: An error was thrown when attempting to render log messages via LogBox.

_$$_REQUIRE(dependencyMap[2], "../internals/is-constructor") is not a function. (In '$$_REQUIRE(dependencyMap[2], "../internals/is-constructor")(C)', '$$_REQUIRE(_dependencyMap[2], "../internals/is-constructor")' is an instance of Object)

Screenshot_2023-06-21-18-44-23-207_com analyticsapp this is a screenshot of the app page when I import the package in the App.js file

Describe the solution you'd like So Actually I want to give some ways to integrate or make the package of @cubejs-client/core and @cubejs-client/react so that it will be compatible to React-native

Contributor guide

Tech stack
javascripttypescriptreactreact native
Domain
mobile
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
React NativeJavaScriptfamiliarity with cubejs client
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
Investigate the cause of the 'Maximum call stack size exceeded' error when importing @cubejs client/core and @cubejs client/react in React Native. Check the internal imports in those packages, particularly the reference to '../internals/is constructor' which may not be properly exported or may cause circular dependencies. The issue may stem from Node.js specific code not being polyfilled for React Native's Hermes engine. Consider using a React Native specific bundler configuration or modifying the package to exclude incompatible modules. Also, review any recent changes to the cube.js client that might have introduced the recursion.