React useObjectUrl Hook Prevents Memory Leaks in File Preview Components

A custom React hook called useObjectUrl, part of the @reactuses/core library, offers a streamlined way to generate and manage object URLs for file previews without memory leaks. The hook accepts a Blob, File, or MediaSource and returns a URL string, internally handling both URL.createObjectURL() and URL.revokeObjectURL() calls automatically. Memory leaks typically occur when developers forget to revoke object URLs after a component unmounts or when a file prop changes, causing browser memory usage to climb over time. The useObjectUrl hook addresses this by enclosing the revocation logic in a single audited useEffect cleanup, ensuring the URL is released on both prop changes and component unmounts. This approach replaces repetitive, error-prone lifecycle code that developers would otherwise need to maintain separately across multiple file-previewing components.