I'm using app router.
I'm using "searchParams" to get the query from url:
https://localhost:3000/mypage?category=category1

When I render the "category" value, I get following err:
Error: Dynamic server usage: searchParams.category
my code:

export default async function MyPage({
  searchParams,
}: {
  searchParams: { category: string };
}) {

  console.log(searchParams);
  return (
    <Container className="flex flex-col gap-5">
      <div>
        {searchParams.category}
      </div>
    </Container>
  );
}