react-component-instance/index.d.mts

Get a React class component instance from its DOM Element

import type React from 'react'

declare global {
  namespace ReactComponentInstanceTypes {
    /**
     *  https://github.com/bendtherules/react-fiber-traverse
     */

    export type FiberNode = |
      FiberNodeForClassComponent |
      FiberNodeForFunctionComponent |
      FiberNodeForInstrinsicElement |
      FiberNodeForTextNode

    export interface FiberRootNode {
      child: FiberNode
      sibling: FiberNode | null

      elementType: React.FunctionComponent
      type: React.FunctionComponent

      stateNode: {
        current: FiberRootNode
      }
      return?: FiberRootNode
    }

    export interface FiberNodeForFunctionComponent {
      child: FiberNode | null
      sibling: FiberNode | null

      elementType: React.FunctionComponent
      type: React.FunctionComponent

      stateNode: null
      return?: FiberNode
    }

    export interface FiberNodeForClassComponent {
      child: FiberNode | null
      sibling: FiberNode | null

      elementType: React.ComponentClass
      type: React.ComponentClass

      stateNode: React.Component
      return?: FiberNode
    }

    export interface FiberNodeForInstrinsicElement {
      child: FiberNode | null
      sibling: FiberNode | null

      elementType: keyof React.JSX.IntrinsicElements
      type: keyof React.JSX.IntrinsicElements

      stateNode: HTMLElement
      return?: FiberNode
    }

    export interface FiberNodeForTextNode {
      child: null
      sibling: FiberNode | null

      elementType: null
      type: null

      stateNode: Text
      return?: FiberNode
    }
  }
}

export {}