mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
We need to upgrade this because the ancient version of relay-compiler that we were using didn't support arm64.
37 lines
733 B
TypeScript
37 lines
733 B
TypeScript
import { graphql, useRelayEnvironment, QueryRenderer } from 'react-relay'
|
|
|
|
import type { pagesQuery } from '@/types/pagesQuery.graphql'
|
|
|
|
function Component() {
|
|
const env = useRelayEnvironment()
|
|
return (
|
|
<QueryRenderer<pagesQuery>
|
|
environment={env}
|
|
query={graphql`
|
|
query pagesQuery {
|
|
viewer {
|
|
user {
|
|
id
|
|
name
|
|
}
|
|
}
|
|
}
|
|
`}
|
|
render={({ props }) => {
|
|
if (props) {
|
|
return (
|
|
<div>
|
|
Data requested: <span>{props.viewer.user.id}</span>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
return <div>Loading...</div>
|
|
}}
|
|
variables={{}}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export default Component
|