Example of read and write component

primitive-read-write-component.tsx

// src/components/primitive-read-write-component.tsx

'use client';

import { useAtom } from 'jotai';
import { countAtom } from '../state';

export const ReadWriteComponent = () => {
  const [count, setCount] = useAtom(countAtom);

  const handleIncrement = () => {
    setCount((value) => value + 1);
  };

  return (
    <>
      <div>{count}</div>
      <button onClick={handleIncrement}>Increment</button>
    </>
  );
};