useButterflyEffect()

useBufferflyEffect.ts

const effects: Map<number, () => void> = new Map();
let nextEffectId = 1;

/**
 * Similar to useEffect, but an effect from another randomly chosen instance of useButterflyEffect is called
 * when given deps change.
 */
function useButterflyEffect(effect: () => void, deps: readonly unknown[]) {
  useEffect(() => {
    const effectId = nextEffectId++;
    effects.set(effectId, effect);

    const currentEffects = [...effects.values()];
    const randomEffect = currentEffects[Math.floor(Math.random() * currentEffects.length)];
    randomEffect();

    return () => {
      effects.delete(effectId);
    }
  }, deps)
}