SkateJS stateless function for doing stuff with slotted nodes on first render and subsequent renders (slotchange event only fires on updates)

slot.js

const $slotRendered = Symbol();
const Slot = (props, chren) => {
  const { changed } = props;

  function onSlotchange(e) {
    const slot = e.target;
    if (slot[$slotRendered]) {
      if (changed) {
        changed(slot);
      }
    } else {
      slot[$slotRendered] = true;
    }
  }

  function ref(slot) {
    if (!slot[$slotRendered]) {
      changed(slot);
    }
  }

  return <slot onSlotchange={onSlotchange} ref={ref}>{chren()}</slot>;
};