20 lines
599 B
TypeScript
20 lines
599 B
TypeScript
// app/posts/posts.jsx
|
|
'use client'
|
|
|
|
import useSupabaseBrowser from '@/utils/supabase-browser'
|
|
import { getCountryById } from '@/queries/get-country-by-id'
|
|
import { useQuery } from '@supabase-cache-helpers/postgrest-react-query'
|
|
|
|
export default function Country({ id }: { id: number }) {
|
|
const supabase = useSupabaseBrowser()
|
|
// This useQuery could just as well happen in some deeper
|
|
// child to <Posts>, data will be available immediately either way
|
|
const { data: country } = useQuery(getCountryById(supabase, id))
|
|
|
|
return (
|
|
<div>
|
|
<h1>SSR: {country?.name}</h1>
|
|
</div>
|
|
)
|
|
}
|