Memory Leaks in File and Canvas Handling | Level 3

[ameyvaidya44]

Severity: High

The application creates object URLs (URL.createObjectURL) and canvas elements during file processing but does not consistently clean them up.

Issues include:

Missing URL.revokeObjectURL() calls
Canvas elements not being properly disposed
Accumulation of unused memory over time

Why this matters:
For applications handling large files (e.g., PDFs), memory leaks can quickly degrade performance, causing:

Browser slowdowns
Crashes
Poor user experience, especially on low-memory devices

What’s needed:
Proper lifecycle management:

Revoke object URLs when no longer needed
Clean up canvas resources
Ensure teardown on component unmount

[Saranyadharani]

Hi @ameyvaidya44

I'd like to work on this memory leak issue!

My approach:

1. Identify all URL.createObjectURL() calls and add URL.revokeObjectURL()
2. Clean up canvas elements with .remove() and null references
3. Add cleanup functions in React components (useEffect return)
4. Test with large PDF files to verify memory usage

Could you please assign this to me?

Thanks!