Reporting a bug for React Native DevTools

Description

Bug Report: React Native DevTools shows a blank white/black screen after installing npm packages

React Native Version

0.86.0

Description

I created a new React Native project.

If I run the project immediately after creating it, React Native DevTools opens and works correctly.

However, after installing any npm package (even before using or importing it), React Native DevTools opens as a completely blank white/black screen.

The application itself may still run, but the DevTools UI becomes unusable.

Steps to Reproduce

1. Create a new React Native project.
2. Run the project.
3. Open React Native DevTools (works correctly).
4. Install an npm package, for example:

npm install <any-package>

5. Restart Metro and run the application again.
6. Open React Native DevTools.

Expected Behavior

React Native DevTools should open normally after installing additional npm packages.

Actual Behavior

React Native DevTools opens but displays only a blank white or black window.

Environment

• OS: Windows 11
• Node.js: (fill in)
• npm: (fill in)
• React Native: 0.86.0
• Android Emulator: (fill in)
• Hermes: Enabled
• New Architecture: Enabled (default)

Additional Information

• This happens consistently after installing npm packages.
• The issue occurs even if the package is not imported into the project.
• Restarting Metro does not resolve the problem.

Reproduction Repository

(Attach a minimal reproduction repository if possible.)

Steps to reproduce

Reporting a bug for React Native DevTools

React Native Version

0.86

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

# Bug Report: React Native DevTools shows a blank white/black screen after installing npm packages

## React Native Version


0.86.0


## Description

I created a new React Native project.

If I run the project immediately after creating it, React Native DevTools opens and works correctly.

However, after installing any npm package (even before using or importing it), React Native DevTools opens as a completely blank white/black screen.

The application itself may still run, but the DevTools UI becomes unusable.

## Steps to Reproduce

1. Create a new React Native project.
2. Run the project.
3. Open React Native DevTools (works correctly).
4. Install an npm package, for example:


npm install <any-package>


5. Restart Metro and run the application again.
6. Open React Native DevTools.

## Expected Behavior

React Native DevTools should open normally after installing additional npm packages.

## Actual Behavior

React Native DevTools opens but displays only a blank white or black window.

## Environment

* OS: Windows 11
* Node.js: (fill in)
* npm: (fill in)
* React Native: 0.86.0
* Android Emulator: (fill in)
* Hermes: Enabled
* New Architecture: Enabled (default)

## Additional Information

* This happens consistently after installing npm packages.
* The issue occurs even if the package is not imported into the project.
* Restarting Metro does not resolve the problem.

## Reproduction Repository

(Attach a minimal reproduction repository if possible.)

Screenshots and Videos

Bug Report: React Native DevTools shows a blank white/black screen after installing npm packages

React Native Version

0.86.0

Description

I created a new React Native project.

If I run the project immediately after creating it, React Native DevTools opens and works correctly.

However, after installing any npm package (even before using or importing it), React Native DevTools opens as a completely blank white/black screen.

The application itself may still run, but the DevTools UI becomes unusable.

Steps to Reproduce

1. Create a new React Native project.
2. Run the project.
3. Open React Native DevTools (works correctly).
4. Install an npm package, for example:

npm install <any-package>

5. Restart Metro and run the application again.
6. Open React Native DevTools.

Expected Behavior

React Native DevTools should open normally after installing additional npm packages.

Actual Behavior

React Native DevTools opens but displays only a blank white or black window.

Environment

• OS: Windows 11
• Node.js: (fill in)
• npm: (fill in)
• React Native: 0.86.0
• Android Emulator: (fill in)
• Hermes: Enabled
• New Architecture: Enabled (default)

Additional Information

• This happens consistently after installing npm packages.
• The issue occurs even if the package is not imported into the project.
• Restarting Metro does not resolve the problem.

Reproduction Repository

(Attach a minimal reproduction repository if possible.)

En el informe no se identifica ningún archivo fuente, prueba ni punto de entrada. Primero crea un proyecto nuevo de React Native 0.86.0 en Windows 11, instala un paquete npm, reinicia Metro y abre React Native DevTools para confirmar la pantalla en blanco. Se considera completado cuando la interfaz de DevTools se abre normalmente después de instalar un paquete y se han registrado todos los detalles de Node.js, npm, el emulador y la reproducción.