how do i conceal the data that is being posted on my api routes? on inspecting the payload in network tab the data that im passing to my api route is visible, how do i hide it?

"use client";

export default function PromptForm() {
  const form = useForm<z.infer<typeof promptFormSchema>>({
    resolver: zodResolver(promptFormSchema),
  });
  const [imageSrc, setImageSrc] = useState(null);

  async function createImage(values: z.infer<typeof promptFormSchema>) {
    const res = await fetch("/api/createImage", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify(values),
    });

    if (!res.ok) {
      console.log(await res.json());
      return;
    }

    const url = (await res.json()).url;
    console.log(url);
    setImageSrc(url);
    return;
  }

  return (
    <div className="flex justify-between">
      <Form {...form}>
        <form className="space-y-6" onSubmit={form.handleSubmit(createImage)}>
          ...
      </Form>
     </div>
);
}