Function useRef

src/react/core.ts:1379–1417

(initialValue: T)

};

export const useRef = <T>(initialValue: T) => {
  if (!currentTreeRef.renderTree) {
    throw new Error("Cannot call use state outside of a react component");
  }
  if (!currentTreeRef.renderTree.currentlyRendering) {
    throw new Error("Component being called outside of react internals");
  }

  const currentStateOrder =
    currentTreeRef.renderTree.currentLocalCurrentHookOrder;
  currentTreeRef.renderTree.currentLocalCurrentHookOrder += 1;
  const currentlyRendering = currentTreeRef.renderTree?.currentlyRendering;

  if (!currentlyRendering) {
    throw new Error("Cannot call use state outside of a react component");
  }

  if (currentlyRendering.kind === "empty-slot") {
    throw new Error("A slot will never call a hook");
  }

  if (!currentlyRendering.hasRendered) {
    const refTo = {
      current: initialValue,
    };
    currentlyRendering.hooks.push({
      kind: "ref",
      refTo,
    });
    return refTo;
  }

  const hookValue = currentlyRendering.hooks[currentStateOrder];
  if (hookValue.kind !== "ref") {
    throw new Error("Different hooks called compared previous render");
  }

  return hookValue.refTo as { current: T };
};

// this is wrong, need to potentially update deps and cb
export const useEffect = (cb: () => void, deps: Array<unknown>) => {