import { batchifySetState } from "../../lib/util/batchify";
import { UpdaterFn, updaterGenerator2 } from "../../lib/util/updaterGenerator";

  useState(initialState: S) {
    const setState: UpdaterFn<S> = ((valueOrCallback) => {
      if (typeof valueOrCallback === "function") {
        this.state = (valueOrCallback as ((s: S) => S))(this.state);
      } else {
        this.state = valueOrCallback;
      }
    })
    const [batchedSetState, fireBatch] = batchifySetState(setState);
    const stateUpdaters = updaterGenerator2<S>(initialState, batchedSetState);

    return {
      state: initialState,
      setState,
      fireStateUpdaters: fireBatch,
      stateUpdaters
    };
  }

import { UpdaterGeneratorType2 } from "../../lib/util/updaterGenerator";

  stateUpdaters: UpdaterGeneratorType2<State>

    this.state = {}

    ({ state: this.state, stateUpdaters: this.stateUpdaters, fireStateUpdaters: this.fireStateUpdaters } =
      super.useState({}));

    // create a box

    this.container.addListener('pointerout', this.onPointerOut);

  onPointerOver = (event: Pixi.InteractionEvent) => {

  private onPointerOver = (event: Pixi.InteractionEvent) => {
      console.log('got here in toolltippable');
  }
  private onPointerOut = (event: Pixi.InteractionEvent) => {

  fireStateUpdaters() { }

  fireStateUpdaters() { this.fireStateUpdaters(); }