Bulletproof Data Persistence for Modern Apps

import { usePermadata } from '@permadata/react'

function UserProfile() {
  // Data persists even when cookies & localStorage are cleared
  const [userData, setUserData] = usePermadata(
    'user-preferences',
    { theme: 'light', notifications: true }
  )

  return (
    <div className={userData.theme === 'dark' ? 'bg-dark' : 'bg-light'}>
      <h1>Welcome back!</h1>
      <ToggleSwitch
        checked={userData.notifications}
        onChange={(value) =>
          setUserData({...userData, notifications: value})
        }
      />
    </div>
  )
}