I can't seem to figure out why I am getting an error when trying to read from an existing index using this API route and client-side page setup:
import { Client } from "@elastic/elasticsearch";
import { NextResponse } from "next/server";
export async function GET(request) {
try {
const client = new Client({ node: "http://localhost:9200" });
const { body } = await client.search({
index: "game-of-thrones",
size: 100,
body: {
query: {
match_all: {}
}
}
});
const hits = body.hits?.hits || [];
const documents = hits.map((hit) => hit._source);
return NextResponse.json(documents, { status: 200 });
} catch (error) {
console.error("Elasticsearch Error:", error);
return NextResponse.error();
}
}
'use client';
import { useEffect, useState } from 'react';
export default function Home() {
const [documents, setDocuments] = useState([]);
const [loading, setLoading] = useState(true);
useEffect(() => {
const fetchData = async () => {
try {
const response = await fetch('/api/all');
const data = await response.json();
setDocuments(data);
setLoading(false);
} catch (error) {
console.error('Error fetching documents:', error);
}
};
fetchData();
}, []);
return (
<main>
{loading ? (
<p>Loading...</p>
) : (
<div>
{documents.map((document) => (
<div key={document._id}>
<h2>{document.character}</h2>
<p>{document.quote}</p>
</div>
))}
</div>
)}
</main>
);
}
Here is how my index looks like:
{"took":3,"timed_out": ... (omitted for brevity) }
Any help on how to correctly return the desired documents would be appreciated. Thanks!