Checkboxes & Radio in React

function Preferences() {
  const [subscribe, setSubscribe] = React.useState(false)
  const [frequency, setFrequency] = React.useState('weekly')
  
  return (
    <div>
      {/* Checkbox */}
      <label>
        <input
          type="checkbox"
          checked={subscribe}
          onChange={(e) => setSubscribe(e.target.checked)}
        />
        Subscribe to newsletter
      </label>
      
      {/* Radio buttons */}
      <div>
        <label>
          <input
            type="radio"
            value="daily"
            checked={frequency === 'daily'}
            onChange={(e) => setFrequency(e.target.value)}
          />
          Daily
        </label>
        <label>
          <input
            type="radio"
            value="weekly"
            checked={frequency === 'weekly'}
            onChange={(e) => setFrequency(e.target.value)}
          />
          Weekly
        </label>
      </div>
    </div>
  )
}