@connectivity-js/react-devtools ·

React DevTools panel for connectivity-js. Displays real-time job queue state during development.

Installation

npm install @connectivity-js/react-devtools

Includes @connectivity-js/devtools — no separate install needed.

Usage

import { ConnectivityDevTools } from '@connectivity-js/react-devtools';

function App({ client }: { client: ConnectivityClient }) {
  return (
    <>
      <MyApp />
      <ConnectivityDevTools
        client={client}
        enabled={process.env.NODE_ENV === 'development'}
      />
    </>
  );
}

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | client | ConnectivityClient | required | The client instance to observe | | enabled | boolean | true | Show or hide the panel | | position | 'bottom-left' \| 'bottom-right' | 'bottom-right' | Position of the panel | | initialOpen | boolean | true | Whether the panel starts expanded |

Documentation

Full documentation