Typescript type of variable string yet still says it can be a string or null

Question

I have a state that is expecting a string variable. It's a search term. I'm getting this from the search url. But even when I'm checking to see if it's a string I still get an error saying that a variable of type string cannot be string | null

let searched = useLocation().search;
const query = new URLSearchParams(searched);
const [searchedTerm, setSearchedTerm] = useState<string>(typeof query.get('term') === 'string' ? query.get('term') : '');

I specificaly check if it's a string and then add it. The error that I get is this:

Argument of type 'string | null' is not assignable to parameter of type 'string | (() => string)'.
  Type 'null' is not assignable to type 'string | (() => string)'.

Tushar Shahi · Accepted Answer · 2022-07-05 10:16:59Z

2

My guess is that typescript is preventing this, since it does not know if the function will return a string type again if it has done that in the first go.

Look at this example:

const random = () => {
let x = 3;
let arr = [2,'str'];
return arr[x%2];
};
const letX :string = typeof random() === 'string' ? random() : 'x';

The above will still throw the same error because the return type of the function might not be the same (since it technically can return a number, although we know it cannot).

So one simple solution would be to create an extra variable:

const random = () => {
let x = 3;
let arr = [2,'str'];
return arr[x%2];
};
const val = random();
const letY :string = typeof val === 'string' ? val : 'y';  
const letX :string = typeof random() === 'string' ? random() : 'x';

TS Playground

answered Jul 5, 2022 at 10:16

Tushar Shahi

21.6k2 gold badges25 silver badges48 bronze badges

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

Collectives™ on Stack Overflow

Typescript type of variable string yet still says it can be a string or null

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