how can I solve axios headers problem in typeScript

Question

I have changed my CRA react APP into TypeScript and I have a problem below. I think sessionStorage.getItem('accesstoken') should be undefined or string or null and I don't know how to type this object.

 axios
        .post(
          `${process.env.REACT_APP_SERVER_URL}/pick`,
          {
            festivalId: newPick.festivalId,
          },
          {
            headers: {
              accesstoken: sessionStorage.getItem('accesstoken'),
            },
          }
        )

You will have to check it the .getItem returns null. You can either pull it out into a variable and check, or use the nullish coalescing operator to give a default accesstoken: sessionStorage.getItem('accesstoken') ?? '', or whatever value you want to give if there's nothing stored. — Jared Smith
– Jared Smith, Commented Dec 8, 2022 at 12:19
Thanks!! Actually I don't know well about nullish coalescing operator but, as soon as I put ?? '' in my code, it works!! — robin14dev
– robin14dev, Commented Dec 8, 2022 at 12:23

Ali Sattarzadeh · Accepted Answer · 2022-12-08 12:24:26Z

1

It's because null is not accepted as request header value, so you can check if it's exist send if not set undefiend,so it won't send accessToken if it's null

like this :

 headers: {
              accesstoken: sessionStorage.getItem('accesstoken') ?? undefiend,
            },

answered Dec 8, 2022 at 12:24

Ali Sattarzadeh

3,6472 gold badges9 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

how can I solve axios headers problem in typeScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related