How to use the @wordpress/compose.withSafeTimeout function in @wordpress/compose

/* eslint-enable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */
					} )
				}
			
		);
	}
}

SuggestionsList.defaultProps = {
	match: '',
	onHover: () => {},
	onSelect: () => {},
	suggestions: Object.freeze( [] ),
};

export default withSafeTimeout( SuggestionsList );

// Reset cursor.
		document.body.classList.remove( 'is-dragging-components-draggable' );
	}

	render() {
		const { children } = this.props;

		return children( {
			onDraggableStart: this.onDragStart,
			onDraggableEnd: this.onDragEnd,
		} );
	}
}

export default withSafeTimeout( Draggable );

text: value,
											};
										} ),
									} );
								} }
								placeholder={ __( 'Footnote' ) }
							/>
						
					
				) }
			
		
	);
}

export default withSafeTimeout( Edit );

transferData: PropTypes.shape( {
		type: PropTypes.string,
		srcIndex: PropTypes.number,
		srcRootClientId: PropTypes.string,
		srcClientId: PropTypes.string,
	} ),
	onDragStart: PropTypes.func,
	onDragEnd: PropTypes.func,
	clearHighlight: PropTypes.func.isRequired,
	setHighlightByOffset: PropTypes.func.isRequired,
	dropElementByOffset: PropTypes.func.isRequired,
	setTimeout: PropTypes.func.isRequired,
	children: PropTypes.func.isRequired,
};

export default withSafeTimeout( Draggable );

return (
		
	);
};

TemplatePreview.propTypes = {
	item: PropTypes.shape( {
		id: PropTypes.number.isRequired,
	} ).isRequired,
	setTimeout: PropTypes.func.isRequired,
};

export default withSafeTimeout( TemplatePreview );