How to deserialize JSON object into an interface TypeScript

Question

const response = await fetch('https://api.codetabs.com/v1/proxy/?quest=http://hamsterland.herokuapp.com/api/users?id=330746772378877954');
const json = await response.json(); 
const user: User = JSON.parse(json);

interface User {
    id: string;
    username: string;
    avatar: string;
}

On the last line, JSON.parse(json), I receive an error that states:

Unhandled Rejection (SyntaxError): Unexpected token o in JSON at position 1

I am not sure what is causing this. The interface model matches the JSON structure.

The error you are seeing is because you are trying to parse an already parsed json string. So when you run JSON.parse(object) it has to try to figure out what to do, so it to strings the object which turns into JSON.parse('[object Object]') — Taplar
– Taplar, Commented Dec 3, 2020 at 23:30

Matthew Trip · Accepted Answer · 2020-12-03 23:30:46Z

4

Looks like the JSON.parse(json) was unnecessary. All I had to do was

const response = await fetch('https://api.codetabs.com/v1/proxy/?quest=http://hamsterland.herokuapp.com/api/users?id=330746772378877954');
const user: User = await response.json();

Thank you @Taplar for the solution.

answered Dec 3, 2020 at 23:30

Matthew Trip

3884 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

cikatomo Mar 11 at 21:09

this is not deserialization -1

Collectives™ on Stack Overflow

How to deserialize JSON object into an interface TypeScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related