Радок запыту бягучага URL з дапамогай хука useSearchParams у NextJS

З дапамогай хука useSearchParams можна чытаць запыт, які знаходзіцца ў бягучым URL.

Давайце рэалізуем вывад запыту. Спачатку імпартуем хук useSearchParams. Затым аб'явім зменную searchParams, у якой будзе захоўвацца хук useSearchParams. Прымянем да searchParams метад get, у параметры якога пакажам імя запыту - 'search'. Функцыі TestPage зададзім вяртаць блок з кодам, у яком з дапамогай тэрнарнага аператара ідзе праверка пусты запыт 'search' у адрасным радку:

'use client';

import { useSearchParams } from 'next/navigation'

export default function TestPage() {
	let searchParams = useSearchParams();
	let search = searchParams.get('search');
	
	return (
		<div>
			<h1>Search Page</h1>
				{search ? (
					<p>Search Query: <strong>{search}</strong></p>
				) : (
					<p>No search query provided.</p>
				)}
		</div>
	);
}

Для праверкі працы хука трэба дапісаць запыт у адрасным радку. Напрыклад, ён можа выглядаць так: /test?search=project.

Рэалізуйце прыклад, апісаны ў уроку.