API route returning HTML not JSON
Answered
Finnish Lapphund posted this in #help-forum
Original message was deleted.
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