fixup examples

Author: phryneas

examples/query/react/authentication-with-extrareducers/src/features/auth/authSlice.tsx

@@ -15,8 +15,8 @@ const slice = createSlice({
     builder.addMatcher(
       api.endpoints.login.matchFulfilled,
       (state, { payload }) => {
-        state.token = payload.result.token
-        state.user = payload.result.user
+        state.token = payload.token
+        state.user = payload.user
       }
     )
   },

examples/query/react/graphql/src/app/services/posts.ts

@@ -1,5 +1,7 @@
+import { DocumentNode } from 'graphql'
+import { ClientError } from 'graphql-request'
 import { BaseQueryFn, createApi } from '@reduxjs/toolkit/query/react'
-import { request, gql } from "graphql-request";
+import { request, gql } from 'graphql-request'
 
 export const postStatuses = ['draft', 'published', 'pending_review'] as const
 
@@ -22,7 +24,7 @@ export interface Pagination {
 
 export interface GetPostsResponse extends Pagination {
   data: {
-    posts: Post[];
+    posts: Post[]
   }
 }
 
@@ -32,48 +34,64 @@ interface PostResponse {
   }
 }
 
-const graphqlBaseQuery = ({ baseUrl }: { baseUrl: string; } = { baseUrl: '' }): BaseQueryFn<any, unknown, any> => async ({ body, variables }) => {
-  const result = await request(baseUrl, body, variables);
-  return { data: result };
-};
+export const graphqlBaseQuery = ({
+  baseUrl,
+}: {
+  baseUrl: string
+}): BaseQueryFn<
+  { document: string | DocumentNode; variables?: any },
+  unknown,
+  ClientError
+> => async ({ document, variables }) => {
+  try {
+    return { data: await request(baseUrl, document, variables) }
+  } catch (error) {
+    if (error instanceof ClientError) {
+      return { error }
+    }
+    throw error
+  }
+}
 
 export const api = createApi({
   baseQuery: graphqlBaseQuery({
-    baseUrl: "/graphql"
+    baseUrl: '/graphql',
   }),
   endpoints: (builder) => ({
-    getPosts: builder.query<GetPostsResponse, { page?: number; per_page?: number; }>({
+    getPosts: builder.query<
+      GetPostsResponse,
+      { page?: number; per_page?: number }
+    >({
       query: ({ page, per_page }) => ({
-        body: gql`
+        document: gql`
           query GetPosts($page: Int = 1, $per_page: Int = 10) {
             posts(page: $page, per_page: $per_page) {
               id
               title
-            },
+            }
           }
         `,
         variables: {
           page,
-          per_page
-        }
+          per_page,
+        },
       }),
     }),
     getPost: builder.query<Post, string>({
       query: (id) => ({
-        body: gql`
+        document: gql`
         query GetPost($id: ID!) {
           post(id: ${id}) {
             id
             title
             body
           }
         }
-        `
+        `,
       }),
-      transformResponse: (response: PostResponse) => response.data.post
-    })
-  })
-});
-
+      transformResponse: (response: PostResponse) => response.data.post,
+    }),
+  }),
+})
 
-export const { useGetPostsQuery, useGetPostQuery } = api
+export const { useGetPostsQuery, useGetPostQuery } = api