Chapter 11: Updating the table(11.4)

Instead of:

/*
export default async function Page({
searchParams,
}: {
searchParams?: {
query?: string;
page?: string;
};
}) {
const query = searchParams?.query || '';
const currentPage = Number(searchParams?.page) || 1;
*/

// Which throws an error

//Solution:

interface SearchParams {
query?: string;
page?: string;
}

export default async function Page({ searchParams }: { searchParams?: SearchParams }) {
const query = searchParams?.query || '';
const currentPage = Number(searchParams?.page) || 1;

// Error Screenshot

// After implementing Solution

Start with Chapter 11 and table 11.4, comparing the displayed Page example with the provided SearchParams-based solution. Update the chapter content so the example uses the working searchParams typing, then verify that it matches the post-fix behavior shown in the issue.