Next.js Discord

Discord Forum

API route returning HTML not JSON

Answered
Finnish Lapphund posted this in #help-forum
Open in Discord
Original message was deleted.
Answered by Finnish Lapphund
Needed to switch to client component
View full answer

2 Replies

Original message was deleted
Common Moorhen
idk if im wrong, but arent you missing an await here?
#src/app/admin/contacts/page.jsx
import { DataTable } from "./data-table";
import { columns } from "./columns";

async function getData() {
  const res = await fetch("http://localhost:3000/api/admin/contacts/default");
  if (!res.ok) {
    throw new Error("Failed to fetch contacts");
  }
  return res.json(); <--------------
}

export default async function Admin() {
  const data = await getData();
  console.log(data);
  return (
    <div className="m-10 bg-green-400 p-10">
      <div className="bg-orange-400">test</div>
      <div className="bg-purple-400">
        <DataTable columns={columns} data={data} />
      </div>
    </div>
  );
}
Finnish Lapphund
Needed to switch to client component
Answer