reactotron
reactotron copied to clipboard
infinitered
White/blank screen on connect react-js
Hi, I'm having an issue with Reactotron + ReactJS where my Reactotron screen always goes blank after connecting (screen shot). I'm using the latest version (already attempted to reinstall via homebrew) in a project for both React Native and React-JS. React native works fine, while ReactJS has the issue. No errors are displayed in the console and it doesn't crash nor give any feedback.
My configuration is:
OS: MacOs mojave v10.14.1
Reactotron version: latest (2.4.4)
Packages on ReactJS:
"reactotron-apisauce": "^2.1.3",
"reactotron-react-js": "^2.1.3",
"reactotron-redux": "^2.1.3",
There should be a menu option to open dev tools under "View". Can you select that and tell me if there are any errors in the console?
Yes, there are the following errors in there:
/Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/mobx-react/index.js:755 Uncaught TypeError: Cannot read property 'replace' of undefined
at replace (/Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/ramda/src/replace.js:26)
at /Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/ramda/src/internal/_curry3.js:32
at f1 (/Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/ramda/src/internal/_curry1.js:18)
at /Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/ramda/src/internal/_pipe.js:3
at /Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/ramda/src/internal/_arity.js:10
at t.value (ApiResponseCommand.js:132)
at Object.allowStateChanges [as _allowStateChanges] (/Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/mobx/lib/mobx.js:239)
at /Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/mobx-react/index.js:745
at trackDerivedFunction (/Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/mobx/lib/mobx.js:3280)
at Reaction.track (/Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/mobx/lib/mobx.js:3484)
/Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/react-dom/cjs/react-dom.development.js:9643 The above error occurred in the <t> component:
in t (created by t)
in div (created by t)
in div (created by t)
in t (created by inject-t-with-session)
in inject-t-with-session (created by t)
in div (created by t)
in div (created by t)
in div (created by t)
in div (created by t)
in div (created by t)
in Provider (created by t)
in t
Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
logCapturedError @ /Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/react-dom/cjs/react-dom.development.js:9643
/Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/react-dom/cjs/react-dom.development.js:12431 Uncaught TypeError: Cannot read property 'replace' of undefined
at replace (/Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/ramda/src/replace.js:26)
at /Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/ramda/src/internal/_curry3.js:32
at f1 (/Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/ramda/src/internal/_curry1.js:18)
at /Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/ramda/src/internal/_pipe.js:3
at /Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/ramda/src/internal/_arity.js:10
at t.value (ApiResponseCommand.js:132)
at Object.allowStateChanges [as _allowStateChanges] (/Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/mobx/lib/mobx.js:239)
at /Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/mobx-react/index.js:745
at trackDerivedFunction (/Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/mobx/lib/mobx.js:3280)
at Reaction.track (/Applications/Reactotron.app/Contents/Resources/app.asar/node_modules/mobx/lib/mobx.js:3484)
Hey @GlisboaDev!
It looks like you are crashing because the app is getting a bad payload for the ApiCommand. The line that is the problem is this:
const smallUrl = pipe(replace(/^http(s):\/\/[^/]+/i, ""), replace(/\?.*$/i, ""))(url)
I will see about getting a fix to make sure the url is there before running these commands on it. In the meantime if you want to see what might be going on you could look at the network tab of the application you are running and see what is being sent to reactotron.
