update.js

import Box from '@elementor/ui/Box';
import Typography from '@elementor/ui/Typography';
import { useMemo } from 'react';

export default function Update( { title, description } ) {
	const descriptionToShow = useMemo( () => {
		const parser = new DOMParser();
		const doc = parser.parseFromString( description, 'text/html' );
		const listItems = doc.querySelectorAll( 'li' );
		const extractedContent = Array.from( listItems ).map( ( item ) => item.textContent.trim() );
		return extractedContent.join( '\n' );
	}, [ description ] );
    return (
	<Box sx={ { py: 2, px: 3 } }>
		<Typography variant={ 'subtitle1' } sx={ { pb: 0.75 } }>{ title }</Typography>
		<Typography variant={ 'body2' } sx={ { whiteSpace: 'pre-line' } }>{ descriptionToShow }</Typography>
	</Box>
    );
}