In chapter 12 of the tutorial (https://nextjs.org/learn/dashboard-app/mutating-data#using-forms-with-server-actions), under "Using Forms with Server Actions", the code snippet below is confusing. How can Page here be a server component if it has a form/interactivity?

If I omit 'use server', the error I get is Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Is the error message incorrect or is the Page actually a client component?

// Server Component
export default function Page() {
  // Action
  async function create(formData: FormData) {
    'use server';
 
    // Logic to mutate data...
  }
 
  // Invoke the action using the "action" attribute
  return <form action={create}>...</form>;
}