Doc "Getting started" typo fix (#9939)

dotansimha · Apr 25, 2024 · c15e2a4 · c15e2a4
1 parent f583257
commit c15e2a4
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/website/src/pages/docs/getting-started/index.mdx b/website/src/pages/docs/getting-started/index.mdx
@@ -49,7 +49,7 @@ Most client-side implementations without GraphQL Code Generator would query the
 ```tsx
 import { useQuery } from 'urql'
 
-interface PostQuery {
+interface PostsQuery {
   posts: {
     id: string
     title: string
@@ -88,7 +88,7 @@ const Posts = () => {
 import { request, gql } from 'graphql-request'
 import { useQuery } from '@tanstack/react-query'
 
-interface PostQuery {
+interface PostsQuery {
   posts: {
     id: string
     title: string
@@ -115,7 +115,7 @@ const postsQueryDocument = gql`
 `
 
 const Posts = () => {
-  const { data } = useQuery<PostQuery>('posts', async () => {
+  const { data } = useQuery<PostsQuery>('posts', async () => {
     const { posts } = await request(endpoint, postsQueryDocument)
     return posts
   })
@@ -336,7 +336,7 @@ const postsQueryDocument = graphql(/* GraphQL */ `
 
 const Posts = () => {
   // React Query `useQuery()` knows how to work with typed graphql documents
-  const { data } = useQuery<PostQuery>('posts', async () => {
+  const { data } = useQuery<PostsQuery>('posts', async () => {
     const { posts } = await request(endpoint, postsQueryDocument)
     return posts
   })