Cannot pass JSON data to JSON.parse() in TypeScript

Question

TypeScript throws an error when using JSON.parse(). When I pass it this json data:

{
    "AXzgeQ7vXOjWnFrgjHiM": {
        "0-17-13955610754117-8-2021": {
            "channelId": "17", 
            "end": "1642091400000", 
            "id": "0-17-13955610754117-8-2021", 
            "start": "1642090860000", 
            "title": "Yle Uutiset Alueeltasi", 
            "type": "broadcast"
        }
    }
}

Which is imported like: import stubReminders from './stub_data.json';

It throws the error:

Argument of type '{ AXzgeQ7vXOjWnFrgjHiM: { "0-17-13955610754117-8-2021": { channelId: string; end: string; id: string; start: string; title: string; type: string; }; }; }' is not assignable to parameter of type 'string'.ts(2345)

What should I change to successfully use JSON.parse()?

stronglion3001 · Accepted Answer · 2022-01-14 07:12:26Z

2

The JSON.parse function takes a string as parameter. You are trying to pass an object to it. So you have to convert it to a string before, if you want to use JSON.parse.

But keep in mind, that the imported object already is an object, so I think there is no need to parse it.

const obj = {
    "AXzgeQ7vXOjWnFrgjHiM": {
        "0-17-13955610754117-8-2021": {
            "channelId": "17", 
            "end": "1642091400000", 
            "id": "0-17-13955610754117-8-2021", 
            "start": "1642090860000", 
            "title": "Yle Uutiset Alueeltasi", 
            "type": "broadcast"
        }
    }
}



console.log(JSON.parse(JSON.stringify(obj)))

answered Jan 14, 2022 at 7:12

stronglion3001

636 bronze badges

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

Comments

rexess · Accepted Answer · 2022-01-14 07:04:56Z

1

Try accessing your imported stubReminders as is without trying to parse it. I have tested out an example, and the import parses the JSON automatically.

I hope this works.

Also checkout this codesandbox link.

answered Jan 14, 2022 at 7:04

rexess

7454 silver badges10 bronze badges

1 Comment

Mr. Robot Over a year ago

Thank you, I had no idea it was automatically parsed on import!

Collectives™ on Stack Overflow

Cannot pass JSON data to JSON.parse() in TypeScript

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related