// 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>
);
}
// 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>
);
}