capsule.useState

my-component.jsx

// Manage a capsule with the useCapsule hook.
import { useCapsule } from 'react-capsule';
import myCapsule from '...';

export default function MyComponent() {
  const [value, setValue] = useCapsule(myCapsule); // 💊

  // Change my capsule's value on click.
  const handleClick = React.useCallback(() => {
    setValue('your value');
  }, [setValue]);

  return <button onClick={handleClick}>{value}</button>; // my initial value
}