/Knowledge/sources/honojs__hono/examples/pages-stack-src-app-tsx--cbfbd42df20f.md

Example: pages-stack/src/App.tsx - hono-docs

Example: pages stack/src/App.tsx Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://raw.githubusercontent.com/honojs/examples/ma...

Example: pages-stack/src/App.tsx

Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://raw.githubusercontent.com/honojs/examples/main/pages-stack/src/App.tsx

Summary

import type { InferResponseType } from 'hono/client' import { hc } from 'hono/client' import { useEffect, useState } from 'react' import { AppType } from '../functions/api/route' const App = () => { const client = hc ('/') const $get...

Content

import type { InferResponseType } from 'hono/client' import { hc } from 'hono/client' import { useEffect, useState } from 'react' import { AppType } from '../functions/api/route'

const App = () => { const client = hc<AppType>('/') const $get = client.api.hello.$get

const [data, setData] = useState<InferResponseType<typeof $get>>()

useEffect(() => { const fetchData = async () => { const res = await $get({ query: { name: 'Pages', }, }) const responseData = await res.json() setData(responseData) } fetchData() }, [])

return <h1>{data?.message}</h1> }

export default App

Metadata

{
  "chunk_index": 0,
  "citation": "https://raw.githubusercontent.com/honojs/examples/main/pages-stack/src/App.tsx",
  "coverage_role": "examples",
  "qualified_title": "Hono / examples / pages-stack/src/App.tsx",
  "repo_path": "pages-stack/src/App.tsx",
  "retrieved_at": "2026-07-02T05:51:01Z",
  "section_index": 0,
  "source_id": "/honojs/hono",
  "source_type": "examples",
  "target_label": "examples",
  "title": "Example: pages-stack/src/App.tsx",
  "upstream_url": "https://raw.githubusercontent.com/honojs/examples/main/pages-stack/src/App.tsx",
  "version": "2026"
}
Example: pages-stack/src/App.tsx - hono-docs