Comments (4)
I just installed the new version now and having the same issue as well
from reactotron.
I have the same issue with "reactotron-react-native": "^5.1.7".
from reactotron.
After spinning up a fresh app with the following: https://reactnative.dev/docs/environment-setup#start-a-new-react-native-project-with-expo
I'm using yarn
version 3.4.1
from corepack
.
I'm able to run yarn test
with passing tests while also having reactotron-react-native
installed and running.
I think the missing piece may be the conditional require from here: https://docs.infinite.red/reactotron/quick-start/react-native/#step-3---add-reactotron-to-your-app
from reactotron.
Here is my case.
App is create with expo + Type Script.
package.json:
"dependencies": {
"@babel/plugin-proposal-export-namespace-from": "^7.18.9",
"@react-native-async-storage/async-storage": "1.21.0",
"@react-native-clipboard/clipboard": "^1.11.2",
"@react-native-community/blur": "^4.3.2",
"@react-native-community/hooks": "^2.8.1",
"@react-native-community/netinfo": "11.1.0",
"@react-native-masked-view/masked-view": "0.3.0",
"@react-navigation/native": "^6.0.12",
"@react-navigation/stack": "^6.2.3",
"@reduxjs/toolkit": "^1.8.5",
"@shopify/flash-list": "1.6.3",
"axios": "^0.27.2",
"babel-plugin-module-resolver": "^5.0.0",
"expo": "^50.0.2",
"expo-app-loading": "~2.1.0",
"expo-application": "~5.8.3",
"expo-build-properties": "~0.11.1",
"expo-clipboard": "~5.0.1",
"expo-constants": "~15.4.5",
"expo-crypto": "~12.8.1",
"expo-dev-client": "~3.3.11",
"expo-device": "~5.9.3",
"expo-font": "~11.10.2",
"expo-linear-gradient": "~12.7.2",
"expo-linking": "~6.2.2",
"expo-location": "~16.5.5",
"expo-notifications": "~0.27.6",
"expo-secure-store": "~12.8.1",
"expo-splash-screen": "~0.26.4",
"expo-system-ui": "~2.9.3",
"expo-tracking-transparency": "~3.3.0",
"expo-web-browser": "~12.8.2",
"i18next": "^23.7.12",
"jest-expo": "~50.0.4",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-hook-form": "^7.34.2",
"react-i18next": "^11.18.5",
"react-native": "0.73.6",
"react-native-dotenv": "^3.3.1",
"react-native-mmkv": "^2.11.0",
"react-native-onboarding-swiper": "^1.2.0",
"react-native-phone-number-input": "^2.1.0",
"react-native-reanimated": "~3.6.2",
"react-native-safe-area-context": "4.8.2",
"react-native-screens": "~3.29.0",
"react-native-svg": "14.1.0",
"react-native-web": "~0.19.6",
"react-redux": "^8.0.2"
},
"devDependencies": {
"@babel/core": "^7.12.9",
"@react-native-community/eslint-config": "^3.2.0",
"@testing-library/react-hooks": "^8.0.1",
"@testing-library/react-native": "^12.4.4",
"@types/babel__core": "^7.1.20",
"@types/jest": "^29.2.4",
"@types/react": "~18.2.45",
"@types/react-native": "^0.71.1",
"@types/react-test-renderer": "^18.0.7",
"@types/redux-mock-store": "^1.0.6",
"@typescript-eslint/eslint-plugin": "^5.46.1",
"eslint": "^8.29.0",
"husky": "^8.0.0",
"jest": "^29.2.1",
"prettier": "^2.7.1",
"react-devtools": "^5.0.0",
"react-test-renderer": "18.2.0",
"reactotron-react-native": "^5.1.7",
"reactotron-react-native-mmkv": "^0.2.6",
"reactotron-redux": "^3.1.9",
"redux-mock-store": "^1.5.4",
"ts-jest": "^29.1.1",
"typescript": "^5.3.0"}
I have jest tests.
Tests had passed. But after I had connected Reactotron some of my tests failed.
I configured Reactotron with your project:
Step 1 - Add Reactotron as DEV dependency
I have added Reactotron on my React Native project as a dev dependency.
Step 2 - Initialization.
My ReactotronConfig.js looks like :
`
import Reactotron, { asyncStorage } from 'reactotron-react-native';
import { reactotronRedux } from 'reactotron-redux';
import mmkvPlugin from 'reactotron-react-native-mmkv';
import storageMMKV from '@services/mmkv/storageMMKV';
const storage = storageMMKV.storage;
const reactotron = Reactotron.configure({
name: 'Name app',
})
.use(asyncStorage())
.use(mmkvPlugin({ storage }))
.use(reactotronRedux())
.useReactNative({
asyncStorage: false,
networking: {
ignoreUrls: /symbolicate/,
},
editor: false,
errors: { veto: stackFrame => false },
overlay: false,
})
.connect();
export default reactotron;`
Step 3 - Add Reactotron to your app
I have imported ReactotronConfig.js in my App.ts
from reactotron.
Related Issues (20)
- Bunch of TS errors from reactotron-core-client in a fresh project HOT 8
- Replacing a plugin "redux-saga"
- Cannot delete undefined subscriptions
- Reactotron need highlights
- Question: Save Store/Load Store HOT 1
- Reactotron does not support `BigInt()` HOT 5
- Requiring unknown module "3392". If you are sure the module exists, try restarting Metro. You may also want to run `yarn` or `npm install`
- eactotron/no-tron-in-production not working with curly braces and new lines
- Confusing UI change between 2.17 and 3.7
- Reactrotron not showing redux store HOT 1
- Compiling JS failed: 803620:268:')' expected at end of parenthesized expression Buffer size 35514497 starts with: 766172205f5f42554e444c455f535441 HOT 8
- Add Social Preview to GitHub Settings
- ctrl+enter combo when creating a action dispatch
- Reactotron is empty when i click the timeline page
- Reactotron-app - Move api responses to their own Network Tab
- Reactotron will crash first app runs on real iOS devices HOT 8
- a
- reactotron not showing API traffic for axios 1.6.8
- Property typeName of TSTypeReference expected node to be of a type ["TSEntityName"] but instead got "MemberExpression" HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from reactotron.