function updateUlNow(hints, page = 0) {
		// render only first 500 hints
		currentHints = hints;
		const offset = page * LIMIT;
		const end = offset + LIMIT;
		const list = hints.slice(offset, end);
		let scrollTop = $ul.scrollTop;
		//if (!list.length) return;

		$ul.remove();

		if (!hints.length) {
			$ul.content = [<Hint hint={{ value: "", text: "No matches found" }} />];
		} else if (!list.length) {
			// No more hints to load
			return;
		} else {
			if (!page) {
				scrollTop = 0;
				$ul.content = list.map((hint) => <Hint hint={hint} />);
			} else {
				$ul.append(...list.map((hint) => <Hint hint={hint} />));
			}
		}
		app.append($ul);
		$ul.scrollTop = scrollTop;
		position(); // Update the position of the new list
	}
Update the hint list instantly
@param {Array<HintObj>} hints
@param {number} page