React Query: mutation local

O playground injeta #root, import map (esm.sh) e Sucrase. A aba HTML é só markup extra fora do React. Nomeie o componente de topo como App.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <style>/* CSS tab */</style>
  <script type="importmap">
  {
    "imports": {
      "react": "https://esm.sh/react@19",
      "react-dom/client": "https://esm.sh/react-dom@19/client"
    }
  }
  </script>
</head>
<body>
  <div id="root"></div>
  <!-- HTML tab: optional markup outside React -->
  <script type="module">
    // Sucrase compiles the TSX tab, then:
    // createRoot(document.getElementById('root')).render(<App />)
  </script>
</body>
</html>

Vite local: index.html → src/main.tsx → <App /> em #root. Aqui o playground faz o equivalente com esm.sh + Sucrase.