Skip to content

React Native DevTools console displays JavaScript objects in JSON-style format when using Expo #58754

Description

@nishit546

Description

Description

When using React Native with Expo, JavaScript objects logged using console.log() are displayed in a JSON-style format in the debugger console.

For example:

const student = {
  name: "Nishit",
  age: 19,
  course: "React-Native",
};

console.log(student);

### Steps to reproduce

1. Create a new React Native application using Expo.
2. Run the application on Android.
3. Open React Native DevTools.
4. Create a JavaScript object, for example:
   const student = {
     name: "Nishit",
     age: 19,
     course: "React-Native",
   };
5. Log the object using console.log(student).
6. Observe how the object is displayed in the DevTools console.
7. The object is displayed in JSON-style format with double quotes around the property names.

### React Native Version

0.86.3

### Output of `npx @react-native-community/cli info`

```text
info Fetching system and libraries information...
System:
  OS: Windows 11 10.0.26200
  CPU: (22) x64 Intel(R) Core(TM) Ultra 7 155H
  Memory: 1.68 GB / 15.50 GB
Binaries:
  Node:
    version: 24.18.0
    path: C:\Program Files\nodejs\node.EXE
  Yarn: Not Found
  npm:
    version: 11.8.0
    path: C:\Program Files\nodejs\npm.CMD
  Watchman: Not Found
SDKs:
  Android SDK: Not Found
  Windows SDK:
    AllowDevelopmentWithoutDevLicense: Enabled
IDEs:
  Android Studio: Not Found
  Visual Studio: Not Found
Languages:
  Java:
    version: 17.0.19
    path: C:\Program Files\Microsoft\jdk-17.0.19.10-hotspot\bin\javac.EXE
  Ruby: Not Found
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 19.2.3
    wanted: 19.2.3
  react-native:
    installed: 0.86.3
    wanted: 0.86.3
  react-native-windows: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: Not found
  newArchEnabled: Not found
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

Screenshots and Videos

React-Native =
Image

Node js =
Image

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    DebuggingIssues related to React Native DevTools or legacy JavaScript/Hermes debuggingNeeds: Author FeedbackNeeds: ReproThis issue could be improved with a clear list of steps to reproduce the issue.

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions