forked from vercel/next.js
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.tsx
35 lines (31 loc) · 740 Bytes
/
index.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
import { graphql, useRelayEnvironment, QueryRenderer } from 'react-relay'
import type { pagesQueryResponse } from '../types/pagesQuery.graphql'
function Component() {
const env = useRelayEnvironment()
return (
<QueryRenderer
environment={env}
query={graphql`
query pagesQuery {
viewer {
user {
id
name
}
}
}
`}
render={({ props }: { props: pagesQueryResponse }) => {
if (props) {
return (
<div>
Data requested: <span>{props.viewer.user.id}</span>
</div>
)
}
return <div>Loading...</div>
}}
/>
)
}
export default Component