JWT decoding working in React Native but not for React

Question

So when you decode the following in https://jwt.io/ it says it has a header named 'token' which has the token when you re-decode it you can access the payload.

Normally in RN I can access the payload containing token using this.props.user.token but in React the 'token' property is not there as it is not an javascript object but a string but I use the same API to my backend.

eyJ0b2tlbiI6ImV5SmhiR2NpT2lKSVV6STFOaUlzSW5SNWNDSTZJa3BYVkNKOS5leUpwWkhCaGMzTWlPaUl6WkRFME1ERmlNQzFtTkdWakxURXhaVGN0WVdReE15MHpaRGRsTUdZME9EUmlaR0k2TVRsaU4yTmpNREUyWVRVeU1ERTRNemt3TmpsbU56aGxNV0pqTXpBMk4yUTBZalJqTVRrNE1HTTBPV05tWkRsak9XWTRNV1F4Tm1VMllUbGhaR1JrTVNJc0ltbGhkQ0k2TVRVeE5UY3lNalF6TkgwLlg0dGUxRmhzbGJlcW5Id3RCQ2NOMHF5Zk9vb2tvdVN2TXRlLVBUTUtrMHcifQ==

I tried to decode it using

var decoded = jwt.decode(response.data);

but decoded is null, what can I do?

chridam · Accepted Answer · 2019-03-28 22:00:26Z

16

You can use any npm module for decoding like :

npm install jwt-decode

var jwtDecode = require('jwt-decode');

var token = 'eyJ0eXAiO.../// jwt token';

var decoded = jwtDecode(token);
console.log(decoded);

For further info check here

edited Mar 28, 2019 at 22:00

chridam

104k26 gold badges246 silver badges243 bronze badges

answered Jan 12, 2018 at 4:47

yogesh agrawal

7267 silver badges15 bronze badges

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

4 Comments

Leo Over a year ago

I told you it's not working for my case you still reply with the same code

yogesh agrawal Over a year ago

follow this

Chandni Over a year ago

is any liabrary which is compatible with this for react native mobile application

Akshay Bhimani Over a year ago

Does not work with node <=18

Duyen Hang Kim · Accepted Answer · 2019-01-16 04:26:11Z

1

It's work well:

var jwtDecode = require('jwt-decode');

var decoded = jwtDecode(testString, { body: true });

answered Jan 16, 2019 at 4:26

Duyen Hang Kim

1832 silver badges8 bronze badges

Comments

eclaude · Accepted Answer · 2023-11-05 02:16:41Z

1

import { Buffer } from "buffer"

const token = 'xxx.xxx.xxx';

const parts: Buffer[] = token.split('.').map((part: string): Buffer => {
            return Buffer.from(part.replace(/-/g, '+').replace(/_/g, '/'), 'base64');
        });
const payload = JSON.parse(parts[1].toString());

answered Nov 5, 2023 at 2:16

eclaude

88514 silver badges32 bronze badges

Collectives™ on Stack Overflow

JWT decoding working in React Native but not for React

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related