Skip to content

[DevTools Bug]: React devtool is not there in codesandbox #27752

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
iamayushdas opened this issue Nov 28, 2023 · 17 comments
Closed

[DevTools Bug]: React devtool is not there in codesandbox #27752

iamayushdas opened this issue Nov 28, 2023 · 17 comments
Labels
Component: Developer Tools Status: Unconfirmed A potential issue that we haven't yet confirmed as a bug Type: Bug

Comments

@iamayushdas
Copy link

Website or app

https://codesandbox.io/p/sandbox/white-fog-2pjd7p

Repro steps

I was following the react.dev docs
I was at tic tac toe chapter and doing my code stuff in codesandbox as per document

i triggered an issue that react devtools is not there in code sandbox
Screenshot 2023-11-28 at 9 25 29 AM

How often does this bug happen?

Every time

DevTools package (automated)

No response

DevTools version (automated)

No response

Error message (automated)

No response

Error call stack (automated)

No response

Error component stack (automated)

No response

GitHub query string (automated)

No response

@iamayushdas iamayushdas added Component: Developer Tools Status: Unconfirmed A potential issue that we haven't yet confirmed as a bug Type: Bug labels Nov 28, 2023
@iamayushdas
Copy link
Author

Its resolved closing now
Thanks @wasimtikki1220

@happyeungin
Copy link

happyeungin commented Feb 6, 2024

@iamayushdas I still can't find it, where do you find it?

@JustLikeThis101
Copy link

+1 can't find it either @iamayushdas

@voidao
Copy link

voidao commented Feb 26, 2024

+1 can't find it, please help!

@LucaM0nt
Copy link

How is this solved? There's not React devtool anywhere now? I don't get it...

@lixinjie520
Copy link

I can't find it either,help plsssss!!!

@byerancy
Copy link

+1, can't find it.

@Daembius
Copy link

I can't find it either. Do I need to install an extension to my browser or something?

@Splooples
Copy link

I also have this exact problem.

@BARIKORDOR
Copy link

I also have the same problem.. Help please

@gillianbc
Copy link

Same for me - how do I display the tools?

@bertcornelissen
Copy link

Same for me.... No DevTools

@Mehdji
Copy link

Mehdji commented Oct 27, 2024

Same problem...

@Plafalavah
Copy link

Same here. No DevTools

@BeiHaiSTAR
Copy link

Same, where is the Devtools ?

@Aayush974
Copy link

anyone found out where it is yet?

@devavratravetkar
Copy link

devavratravetkar commented Feb 7, 2025

I'm not sure how to integrate React DevTools within the CodeSandBox online coding environment.
However, you can do the following steps to use it in the React Tic-Tac-Toe Tutorial:

  1. First install React Dev Tools chrome extension.
  2. Your tic-tac-toe preview has a URL similar to "https://v***v3.csb.app/"
  3. Simply copy-paste it into a new tab. And open your Chrome DevTools. Now you can see the Square components and their State under the Components tab of DevTools.

Image

Hope this helps and you can utilize it to understand and complete the rest of the tutorial!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: Developer Tools Status: Unconfirmed A potential issue that we haven't yet confirmed as a bug Type: Bug
Projects
None yet
Development

Successfully merging a pull request may close this issue.