convex-inspect

Devtools panel for Convex during development.

Install

pnpm add convex-inspect

Docs: https://barrymichaeldoyle.github.io/convex-inspect/

React Usage

import { ConvexPanel, useAction, useMutation, useQuery } from "convex-inspect/react";

Render the panel in your app:

<ConvexPanel />

convex-inspect/react is intended for development use. The panel UI does not render in production.

Package

• Tracks Convex queries, mutations, and actions
• Expand rows to inspect args, results, and errors
• Keyboard accessible event list
• Copy controls for JSON blocks

Local Development

pnpm install
pnpm dev:example-react

First Release

The package is currently versioned at 0.1.0. For the first npm publish, publish that version directly:

pnpm --filter convex-inspect publish --access public

After the initial publish, use Changesets for subsequent releases.