Answers

1. CustomersPage will render when the path is /customers.

ErrorPage will render when the path is /products.

2. The path could be path="customers/:customerId".
3. It is likely that the Outlet component has not been added to SettingsPage.
4. Both will work, but NavLink is better because it enables items to be styled when active.
5. The route parameter referenced should be userId:

   const params = useParams<{userId: string}>();

   const id = params.userId;

6. Hooks must be called at the top level of function components. Also, the useSearchParams hook doesn’t directly have a get method. Here’s the corrected code:

   const [searchParams] = useSearchParams();

   function getFilteredCustomers() {

     const criteria = searchParams.get('search');

     ...

   }

7. The lazy component must be nested inside a Suspense component as follows:

   {

     path: '/special',

     element: (

       <Suspense...