21 lines
553 B
TypeScript
21 lines
553 B
TypeScript
import React from 'react'
|
|
import { HydrationBoundary, dehydrate, noop } from '@tanstack/react-query'
|
|
import { pokemonOptions } from '@/app/pokemon'
|
|
import { getQueryClient } from '@/app/get-query-client'
|
|
import { PokemonInfo } from './pokemon-info'
|
|
|
|
export default function Home() {
|
|
const queryClient = getQueryClient()
|
|
|
|
void queryClient.query(pokemonOptions).catch(noop)
|
|
|
|
return (
|
|
<main>
|
|
<h1>Pokemon Info</h1>
|
|
<HydrationBoundary state={dehydrate(queryClient)}>
|
|
<PokemonInfo />
|
|
</HydrationBoundary>
|
|
</main>
|
|
)
|
|
}
|