argument of type string | null is not assignable to parameter of type string error

Question

When I try to get local storage records It gives following error.

"Argument of type 'string | null' is not assignable to parameter of type 'string'.\n  Type 'null' is not assignable to type 'string'.",

here is the code

this.service.getAllPets(this.CatDog).subscribe(
  data => {
    this.pets = data;
    console.log(data);
    // tslint:disable-next-line:no-bitwise
    const newPet = JSON.parse(localStorage.getItem('newPet'));
    if (newPet){
      this.pets = [newPet, ...this.pets];
    }
    console.log(this.route.snapshot.url.toString());
  }, error => {
    console.log('httperror:');
    console.log(error);
  }
);

Yuval · Accepted Answer · 2021-05-17 20:58:34Z

9

JSON.parse accepts an arg of type string

localStorage.getItem returns an arg of type string or null (if its not found)

therefore you can add a quick default value set before the parse. like so:

const newPet = JSON.parse(localStorage.getItem('newPet') || "{}");

another option is to fetch the result from the localstorage, check that it is not null and then parse it.

answered May 17, 2021 at 20:58

Yuval

1,24210 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

argument of type string | null is not assignable to parameter of type string error

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