Chapter 11: Updating the table(11.4)

[sabaoongfx]

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

[aliuk2012]

Thanks this works for me, also a reminder that the file should have tsx extension instead of jsx else it will not work