The original title is: "React useObjectUrl Hook: Preview Files & Blobs Without Memory Leaks (2026)"

Short summary

useObjectUrl is a React hook that automatically creates and revokes blob URLs for file previews, eliminating memory leaks from manual URL.createObjectURL() pairing. It handles cleanup on both source changes and component unmounts, and works safely with SSR by returning undefined on the server.

• •Solves the memory leak problem of pairing URL.createObjectURL() with revokeObjectURL()
• •Automatically revokes URLs when source changes or component unmounts
• •SSR-safe with no server-side DOM or guard code needed

Generated with AI, which can make mistakes.