Quantcast
Channel: Active questions tagged react-native+typescript - Stack Overflow
Viewing all articles
Browse latest Browse all 6287

rtk query ts error jwt does not exists on type

$
0
0

Why I get this error ?

Property 'jwt' does not exist on type '{ data: IAuthResponse; } | { error: FetchBaseQueryError | SerializedError; }'.  Property 'jwt' does not exist on type '{ data: IAuthResponse; }'.ts(2339)

I use RTK Query and want to handle my response:

Query.tsx

import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';import { IAuthLoginForm } from '../../../components/Login/Model';import { IAuthResponse } from './Model';export interface IAuthResponse {  jwt: string;  name: string;  username: string;  profile_name: string;}export const AuthFlow = createApi({  reducerPath: 'AuthFlow',  baseQuery: fetchBaseQuery({ baseUrl: 'http://192.168.0.249:4000/' }),  endpoints: (builder) => ({    login: builder.mutation<IAuthResponse, IAuthLoginForm>({      query: (form) => ({        url: '/login',        method: 'POST',        body: form      })    })  })});export const { useLoginMutation } = AuthFlow;

Home.tsx

...const [register, { data, error, isLoading }] = useLoginMutation();const Submit = () => { const response = await register('test'); if(response.jwt) {   // ERROR above jwt not exists on property }};

Why I get this error if I want to access .jwt ? I use it in my Model..can anyone help me to solve this issue ?


Viewing all articles
Browse latest Browse all 6287

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>