useObjectUrl
Hook that creates and revokes an object URL for a Blob or MediaSource.
Usage
import { useObjectUrl } from "@siberiacancode/reactuse";
const { value } = useObjectUrl(blob);Example
import { useObjectUrl } from "@siberiacancode/reactuse";
interface PreviewProps {
blob: Blob;
}
export const Preview = ({ blob }: PreviewProps) => {
const objectUrl = useObjectUrl(blob);
return <img src={objectUrl.value} alt="" />;
};Notes
- Hook uses the URL.createObjectURL.
Type Declarations
export interface UseObjectUrlReturn {
value?: string;
revoke: () => void;
set: (object: Blob | MediaSource) => void;
}
export declare const useObjectUrl: <
Value extends Blob | MediaSource | undefined
>(
object?: Value
) => UseObjectUrlReturn;