question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

"Download React DevTools" message, when not using React?

See original GitHub issue

Hi,

I’m using storybook for Vue, just starting out with a minimal project, and I get the following message bolded in the browser console on every page refresh:

Download the React DevTools for a better development experience: https://fb.me/react-devtools
react-dom.development.js:19707

Nothing related to React is in the project, just @storybook/vue and various Vue packages. Is this message a bug, or is there a convenient way to hide it? Thanks!


System:

  • MacOS / macbook / Chrome 69

Dependencies for the reproducing project:

  "devDependencies": {
    "@babel/core": "^7.1.6",
    "@storybook/addon-knobs": "^4.0.9",
    "@storybook/vue": "^4.0.7",
    "babel-loader": "^8.0.4",
    "babel-preset-vue": "^2.0.2",
    "vue": "^2.5.17",
    "vue-loader": "^15.4.2",
    "vue-template-compiler": "^2.5.17"
  }

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:13 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
ndelangencommented, Jun 30, 2020

@niedzielski the correct story contains a parameter called framework But I assume that’s not going to be available in time.

I propose we add __STORYBOOK_FRAMEWORK as a global here: https://github.com/storybookjs/storybook/blob/0e21344abe80610c11ecd0aa5f6ddd26b5415a01/lib/core/src/server/manager/manager-webpack.config.js#L87

That way your conditional would be really simple.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Disable/Hide "Download the React DevTools..." - Stack Overflow
I use the dev tools but I don't want to read the ad message all the time when I'm running my browser tests...
Read more >
Suppress "Download the React DevTools" log for a better ...
React version: 18.0.0. Steps To Reproduce. open a remote debug chrome devtools window; the message will show. Link to code example: ...
Read more >
react-devtools - npm
This package can be used to debug non-browser-based React applications (e.g. React Native, mobile browser or embedded webview, Safari). React ...
Read more >
React Chrome Developer Tools – React Blog
Today we're releasing the React Developer Tools, an extension to the Chrome Developer Tools. Download them from the Chrome Web Store.
Read more >
How To Debug React Components Using React Developer ...
Type some text in the input and you'll see the updated value in React Developer Tools under the hooks section on the App...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found