Function createSolidPanel

packages/devtools-utils/src/solid/panel.tsx:9–32

(
  CoreClass: ClassType,
)

export interface DevtoolsPanelProps extends TanStackDevtoolsPluginProps {}

export function createSolidPanel<TComponentProps extends DevtoolsPanelProps>(
  CoreClass: ClassType,
) {
  function Panel(props: TComponentProps) {
    let devToolRef: HTMLDivElement | undefined
    const [devtools] = createSignal(new CoreClass())
    onMount(() => {
      if (devToolRef) {
        devtools().mount(devToolRef, props)
      }
      onCleanup(() => {
        devtools().unmount()
      })
    })

    return <div style={{ height: '100%' }} ref={devToolRef} />
  }

  function NoOpPanel(_props: TComponentProps) {
    return <></>
  }

  return [Panel, NoOpPanel] as const
}