Function useEffect

src/react/core.ts:1420–1467

(cb: () => void, deps: Array<unknown>)

// this is wrong, need to potentially update deps and cb
export const useEffect = (cb: () => void, deps: Array<unknown>) => {
  if (!currentTreeRef.renderTree) {
    throw new Error("Cannot call use effect outside of a react component");
  }
  if (!currentTreeRef.renderTree.currentlyRendering) {
    throw new Error("Component being called outside of react internals");
  }
  const currentlyRendering = currentTreeRef.renderTree?.currentlyRendering;

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

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

  const currentStateOrder =
    currentTreeRef.renderTree.currentLocalCurrentHookOrder;
  currentTreeRef.renderTree.currentLocalCurrentHookOrder += 1;
  if (!currentlyRendering.hasRendered) {
    currentlyRendering.hooks.push({
      kind: "effect",
      cb,
      deps,
      cleanup: null,
    });
  }

  const effect = currentlyRendering.hooks[currentStateOrder];

  if (effect.kind !== "effect") {
    throw new Error(
      "Called hooks in different order compared to previous render"
    );
  }

  if (
    effect.deps.length !== deps.length ||
    !effect.deps.every((dep, index) => {
      const newDep = deps[index];
      return newDep === dep;
    })
  ) {
    effect.deps = deps;
    effect.cb = cb;
  }
};

export const useMemo = <T>(fn: () => T, deps: Array<unknown>): T => {
  if (!currentTreeRef.renderTree) {