alavkx

// XState Brain Teaser 2 - Async Validation
// https://www.youtube.com/watch?v=nUKA0xhkZc8

const fetchValidateUserCanSendAmount = () => fetch("/validate-user-can-send-amount")
const fetchValidateBankDetails = () => fetch("/validate-bank-details")
  
  const validationMachine = Machine({
    id: 'validation',
    initial: 'idle',
    context: {},

alavkx

// Option A: associate the label directly and hide the redundant DOM node
<div role="status" aria-label={title}>
  <div aria-hidden>{title}</div>
</div>


// Option B: associate the label with an id
<div role="status" aria-labelledby="banner-title">
  <div id="banner-title">{title}</div>
</div>

alavkx

{
  "name": "some-project",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "scrape": "npx tsx ./src/scrape.ts"
  },
  "author": "",
  "license": "ISC",