Hello, I get errors when trying to send data through post request, I get 200 response but can't retrieve the preview in chrome webtools due to the json error.

I appreciate all help 🙂

Error can be seen in one of the linked images


Code below

file I am sending from:

import axios from "axios";

export default function page() {
  const [namn, setNamn] = useState("");
  const [fulltNamn, setFulltNamn] = useState("");
  const [beskrivning, setBeskrivning] = useState("");
  const [historia, setHistoria] = useState("");
  const [kategori, setKategori] = useState("");
  const [pris, setPris] = useState("");

  async function createProduct(e: any): Promise<void> {
    e.preventDefault();
    const data = { namn, fulltNamn, beskrivning, historia, kategori, pris };
    await axios.post("/api/products", data);
  }

  return (
    <BaseLayout>
      <form onSubmit={createProduct} className="w-full text-start p-4">
        <h1 className="text-white text-2xl py-8 font-extrabold">
          Ny BasTavla / Basprodukt

api/products/page.ts:

export default function handle(req: any, res: any): void {
  console.log(req);

  res.json(req.method);
}