error at : chapter 11 after 2 :update URL with search parameters

after 2. Update the URL with the search params
/app/ui/search.tsx code
`'use client';

import { MagnifyingGlassIcon } from '@heroicons/react/24/outline';
import { useSearchParams, usePathname, useRouter } from 'next/navigation';

export default function Search({ placeholder }: { placeholder: string }) {
const searchParams = useSearchParams();
function handleSearch(term: string) {
const params = new URLSearchParams(searchParams);
const pathname = usePathname();
const { replace } = useRouter();
if (term) {
params.set('query', term);
} else {
params.delete('query');
}
replace(${pathname}?${params.toString()});
}
return (

Search

<input
className="peer block w-full rounded-md border border-gray-200 py-[9px] pl-10 text-sm outline-2 placeholder:text-gray-500"
placeholder={placeholder}
onChange={(e) => {
handleSearch(e.target.value);
}}
/>


);
}`
error:

Open app/ui/search.tsx and compare it with the Chapter 11, “2. Update the URL with the search params” instructions. Run the lesson application and inspect the reported error at this step; done means the search URL update works without the shown error.