useSeededfunction

Something made once from a seeded stream, and made again only when the seed changes: useSeeded(seed, (random) => shuffled(random, deck)). The stream is fresh each time, so the result depends on the seed alone, never on how many times the component rendered. make is read when the seed changes; for anything else it depends on, give the component a key.

import { useSeeded } from "@johnmorrisdotca/tane/react";

function useSeeded<T>(seed: number, make: (random: Random) => T): T

import { useSeeded } from "@johnmorrisdotca/tane/react";
import { pick } from "@johnmorrisdotca/tane";

import { createElement } from "react";
function Choice() {
  const choice = useSeeded(42, (random) => pick(random, ["A", "B", "C"]));
  return createElement("p", null, choice);
}
console.log(createElement(Choice));