Can't reference complex object in server action closure

// server-component.tsx
import { createInsertSchema } from "drizzle-zod";
import { posts } from "~/server/db/schema";

export async function ServerComponent() {
  const tableSchema = createInsertSchema(posts);

  async function action(formData: FormData) {
    "use server";
    console.log(tableSchema);
    // ^^^^ Causes error: Only plain objects, and a few built-ins, can be passed to Client Components from Server Components.
    // error goes away when commented out
    console.log(formData);
  }

  return (
    <div>
      {Object.keys(tableSchema.shape).map((key) => (
        <div key={key}>{key}</div>
      ))}
    </div>
  );
}