Example local storage component

primitive-toggle-local-storage.tsx

// src/components/primitive-toggle-local-storage.tsx

'use client';

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

export const PrimitiveToggleLocalStorage = () => {
  const [darkMode, setDarkMode] = useAtom(darkModeAtom);

  const handleToggle = () => {
    setDarkMode(!darkMode);
  };

  return (
    <>
      <h1>Welcome to {darkMode ? 'dark' : 'light'} mode!</h1>
      <button onClick={handleToggle}>toggle theme</button>
    </>
  );
};