Skip to main content

Installation

Get React Dev Debugger up and running in your project in less than a minute!

Requirements​

React Dev Debugger requires:

  • React 16.8.0 or higher
  • React-DOM 16.8.0 or higher
  • Node.js 14.0.0 or higher (for development)

Package Manager​

Install using your preferred package manager:

npm​

npm install react-dev-debugger

yarn​

yarn add react-dev-debugger

pnpm​

pnpm add react-dev-debugger

Development Only​

tip

React Dev Debugger is designed for development only. It automatically disables itself in production builds (when process.env.NODE_ENV === 'production').

You can safely install it as a regular dependency, but if you prefer, you can also add it as a dev dependency:

npm install --save-dev react-dev-debugger

Verify Installation​

After installation, verify that the package is properly installed:

npm list react-dev-debugger

You should see something like:

your-project@1.0.0 /path/to/your/project
└── react-dev-debugger@1.0.0

TypeScript Support​

React Dev Debugger is written in TypeScript and includes type definitions out of the box. No additional @types package is needed!

Next Steps​

Now that you've installed React Dev Debugger, proceed to the Quick Start Guide to learn how to use it in your application.

Troubleshooting​

Module Not Found Error​

If you encounter a "Module not found" error, make sure you've installed the package:

npm install react-dev-debugger

TypeScript Errors​

If you're getting TypeScript errors, ensure your tsconfig.json includes:

{
  "compilerOptions": {
    "moduleResolution": "node",
    "esModuleInterop": true
  }
}

Build Warnings​

If you see warnings about unused dependencies during build, this is normal. The debugger automatically disables itself in production.

Uninstallation​

To remove React Dev Debugger from your project:

npm uninstall react-dev-debugger

Remember to also remove any imports from your code.