Does the URL Builder Add-on Only Work for image src=[]

const builder = imageUrlBuilder(config);
const urlFor = (source: string) => builder.image(source);

const Image: React.FunctionComponent<Props> = ({source, alt}) => {
    const url = source?._id && urlFor(source._id).width(1152).auto('format').url();

    if (url === null) {
        return null;
    }
    
    return (
        <figure
            css={css`
                background-image: url(${url});
                width: 500px;
                height: 500px;
            `}
        />
    );

    // return <Img src={url} alt={alt} />;
};