Example of read write component

object-read-write-component.tsx

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

'use client';

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

export const ObjectReadWriteComponent = () => {
  const [obj, setObj] = useAtom(objectAtom);

  const handleToggle = (event) => setObj((prev) => ({ ...prev, test: event.target.checked }));

  return (
    <>
      <pre>{JSON.stringify(obj, null, 2)}</pre>
      <input onChange={handleToggle} type='checkbox' defaultChecked />
    </>
  );
};