fix componentField docs

HoudiniGraphql · Mar 6, 2024 · 2be78cf · 2be78cf
1 parent 2844957
commit 2be78cf
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/site/src/routes/api/react/+page.svx b/site/src/routes/api/react/+page.svx
@@ -365,11 +365,11 @@ With that enabled, your components can define fragments using a slightly differe
 import { GraphQL } from '$houdini'
 
 type Props = {
-    user: GraphQL<`
+    user: GraphQL<`{
         ... on User @componentField(field: "Avatar") {
             avatarURL
         }
-    `>
+    }`>
 }
 
 export default function UserAvatar({ user } : Props) {
@@ -432,14 +432,14 @@ export default function ShowInfoView({ Profile }) {
 import { GraphQL } from '$houdini'
 
 type Props = {
-    user: GraphQL<`
+    user: GraphQL<`{
         ... on User
             @componentField(field: "Avatar")
             @arguments(size: { type: "Int" })
         {
             avatarURL(size: $size)
         }
-    `>
+    }`>
 }
 
 export default function UserAvatar({ user } : Props) {
@@ -480,11 +480,11 @@ tell houdini which export it should use:
 import { GraphQL } from '$houdini'
 
 type Props = {
-    user: GraphQL<`
+    user: GraphQL<`{
         ... on User @componentField(field: "Avatar", export: "UserAvatar" ) {
             avatarURL(size: $size)
         }
-    `>
+    }`>
 }
 
 export function UserAvatar({ user } : Props) {