Next.js Example

import useRGS from "r18gs";

const MY_KEY = "counter";

export const CounterController = () => {
  const [counter, setCounter] = useRGS(MY_KEY, 0);
  return (
    <input
      type="number"
      value={counter}
      onChange={e =>
        setCounter(Number(e.target.value))
      }
    />
  );
};

export const CounterDisplay = () => {
  const [counter] = useRGS(MY_KEY, 0);
  return <div>{counter}</div>;
};