Tippyjs plugin to use `textContent` of the child as content.

tippy-textContent.js

import type { Props, Plugin, LifecycleHooks } from 'tippy.js';


// eslint-disable-next-line @typescript-eslint/no-empty-interface
interface CustomProps {}

type FilteredProps = CustomProps &
  Omit<Props, keyof CustomProps | keyof LifecycleHooks>;

type ExtendedProps = FilteredProps & LifecycleHooks<FilteredProps>;


const textContent: Plugin<ExtendedProps> = {
  // Required
  fn(instance) {
    return {
      onShow() {
        instance.setProps({
          content: instance.reference.textContent ?? undefined,
        });
      },
    };
  },
};