How to use the @wordpress/url.filterURLForDisplay function in @wordpress/url

<div aria-selected="true" aria-labelledby="{">
								<span>

									
										{ currentLink.title }
									
									<span>{ filterURLForDisplay( safeDecodeURI( currentLink.url ) ) || '' }</span>
								</span>

								<button>
									{ __( 'Change' ) }
								</button>
							</div>
						
					) }

					{ isEditingLink &amp;&amp; (

function LinkViewerUrl( { url, urlLabel, className } ) {
	const linkClassName = classnames(
		className,
		'block-editor-url-popover__link-viewer-url'
	);

	if ( ! url ) {
		return <span></span>;
	}

	return (
		
			{ urlLabel || filterURLForDisplay( safeDecodeURI( url ) ) }
		
	);
}

const LinkViewerURL = ( { url } ) => {
	if ( ! url ) {
		return null;
	}

	return (
		
			{ filterURLForDisplay( safeDecodeURI( url ) ) }
		
	);
};