Example of Signal component

use-signal-component.js

'use client';

import { Signal, useSignal } from 'use-signals';

const counter = new Signal.State(0);

const UseSignalComponent = () => {
  const count = useSignal(counter);

  const handleInc = () => counter.set(counter.get() + 1);

  return (
    <>
      <div>useSignal count: {count}</div>
      <button type='button' onClick={handleInc}>
        Update count
      </button>
    </>
  );
};

export default UseSignalComponent;