unable to login or implement angular-apollo graphql authentication, Added my implementation, Can someone help me

[manojkumaryalamati]

Api team provided this

query{
login(username: "user1", password: "password1") {
username
token
tokenExpiration
}

types.ts

const USER = gqlquery{ login{ username token tokenExpiration } };

export interface USER_DATA {
username:string;
token:string
tokenExpiration:string
}

onFormsubmit(){

this.apollo
.watchQuery({
query: USER,
variables: {
username: this.loginControls['username'].value,
password: this.loginControls['password'].value,
},
})
.valueChanges.subscribe(({ data, loading }) => {
// localStorage.setItem("token", data);
console.log(loading);
console.log('data', data);
});
}

After form submit my payload

{"variables":{"username":"test","password":"test"},"query":"{\n login {\n username\n token\n tokenExpiration\n __typename\n }\n}"}