import useSWR from 'swr' import { generateAuthHeader, REALM_GRAPHQL_ENDPOINT } from '../lib/RealmClient' const FIND_MOVIES = ` query FindMovies{ movies(query: { year: 2014, rated: "PG" } ) { title year runtime } } ` const fetcher = async (query) => fetch(REALM_GRAPHQL_ENDPOINT, { method: 'POST', headers: await generateAuthHeader(), body: JSON.stringify({ query }), }).then((res) => res.json()) const IndexPage = () => { const { data } = useSWR(FIND_MOVIES, fetcher) if (data && data.error) { console.error(data.error) return
An error occurred: ${data.error}
} const movies = data ? data.data.movies : null return ( <># | Title | Runtime |
---|---|---|
{index + 1} | {movie.title} | {movie.runtime} |