without-hook.tsx

import React from "react";
import { dencrypt } from "..";

export const WithoutHook = () => {
  const element = React.useRef<HTMLElement>(null);

  const setValue = dencrypt({
    callback: (value) => {
      element.current!.textContent = value;
    },
  });

  return (
    <>
      <p>
        Even though this example is using React, <code>dencrypt()</code>{" "}
        function can be used without it.
      </p>
      <p>
        <button onClick={() => setValue("new value")}>change value</button>:{" "}
        <strong ref={element}>value</strong>
      </p>
    </>
  );
};