storybook/addons/events/src/manager.js

import React from 'react';
import addons from '@storybook/addons';

import Panel from './components/Panel';
import { ADDON_ID, PANEL_ID } from './constants';

export function register() {
  addons.register(ADDON_ID, () => {
    const channel = addons.getChannel();
    addons.addPanel(PANEL_ID, {
      title: 'Events',
      // eslint-disable-next-line react/prop-types
      render: ({ active }) => <Panel channel={channel} active={active} />,
    });
  });
}