Scramble

const CHARS = "!<>-_\\/[]{}—=+*^?#";
const [text, setText] = useState("StyleSeed");

function scramble(target: string) {
  let frame = 0;
  const id = setInterval(() => {
    setText(
      target
        .split("")
        .map((c, i) => (i < frame / 3 ? c : CHARS[Math.floor(Math.random() * CHARS.length)]))
        .join(""),
    );
    if (frame++ > target.length * 3) clearInterval(id);
  }, 30);
}

<button onClick={() => scramble("StyleSeed")}>{text}</button>