Method mount

packages/devtools/src/core.ts:59–92

(el: T)

  }

  mount<T extends HTMLElement>(el: T) {
    if (typeof document === 'undefined') return

    if (this.#state === 'mounted' || this.#state === 'mounting') {
      throw new Error('Devtools is already mounted')
    }
    this.#state = 'mounting'
    const { signal } = (this.#mountAbortController = new AbortController())

    import('./mount-impl')
      .then(({ mountDevtools }) => {
        if (signal.aborted) {
          return
        }

        const result = mountDevtools({
          el,
          plugins: this.#plugins,
          config: this.#config,
          eventBusConfig: this.#eventBusConfig,
          onSetPlugins: (setPlugins) => {
            this.#setPlugins = setPlugins
          },
        })

        this.#dispose = result.dispose
        this.#eventBus = result.eventBus
        this.#state = 'mounted'
      })
      .catch((err) => {
        this.#state = 'unmounted'
        console.error('[TanStack Devtools] Failed to load:', err)
      })
  }

  unmount() {
    if (this.#state === 'unmounted') {