services/mtg-online-drafter
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
8995c3f7e891e265d2ade9f1be635b1d83164e9d
mtg-online-drafter/docs/development/devlog/2025-12-14-203000_fix_root_render_generation.md
dnviti d687c6b77f Initial Commit
2025-12-14 21:00:46 +01:00

1.2 KiB
Raw Blame History

Bug Fix: React Render Error and Pack Generation Stability

Issue

User reported "root.render(" error visible on page and "Generate Packs" button ineffective.

Diagnosis

  1. main.tsx: Found nested root.render( <StrictMode> root.render(...) ) call. This caused runtime errors and visible artifact text.
  2. CubeManager.tsx: Service classes (ScryfallService, PackGeneratorService) were instantiated inside the functional component body without useMemo. This caused recreation on every render, leading to cache loss (ScryfallService internal cache) and potential state inconsistencies.
  3. Pack Generation: Double-clicking or rapid state updates caused "phantom" generation runs with empty pools, resetting the packs list to 0 immediately after success.

Resolution

  1. Fixed main.tsx: Removed the nested root.render call.
  2. Refactored CubeManager.tsx:
    • Memoized all services using useMemo.
    • Added loading state to generatePacks to prevent double-submissions.
    • Wrapped generation logic in setTimeout to allow UI updates and try/catch for robustness.

Status

Verified via browser subagent (logs confirmed 241 packs generated). UI now prevents race conditions.