Use ‘unknown’ instead of ‘any’ in TypeScript (Try / Catch error handling)

[@ByteGrad]

👉 NEW React & Next.js Course: bytegrad.com/courses/professional-react-nextjs

[@npaul1440]

Your tutorials and content are A Class. Just get a better microphone if possible. Thanks

[@mujibulhaquetanim]

yap, sounds is too low.

[@charuwaka1]

use a generic API response wrapper

[@supremecommanderz]

just type and be happy:
error?.message??'errors happens'

[@renjithpn2002]

This is art, loved it 🙂

[@honkhonkv2236]

Hello, awesome channel for a noob like me! I was wondering, at 10:42 in our utility function couldn't we just omit to type the message as string and instead in the return do something like "return message.toString()" ?

[@mryo_]

Thanks.
export const getErrorMessage = (error: unknown) => {
if (error instanceof Error || (error && typeof error === "object" && "message" in error && typeof error.message === "string")) {
return error.message;
} else if (typeof error === "string") {
return error;
}
return "Something went wrong";
};

[@ismoiljonabduqahhorov5825]

Hello ByteGrad I was struggling with error handling and your tutorial really helped dealing with errors loved your content good luck

[@SyTruong-d3d]

We still not consider the case where "message" is also an object

[@MailarYT]

Your really good explaining, keep going Cheers

[@Axorax]

I didn't know there was an unknown type 😮

[@namstel9225]

I prefer
typeof error?.message === "string"

[@elenamikhaylova5086]

Thank you for explaining this well, i have banged my head on JS error handling for so long

[@grugbrain]

That's exactly how I handle request errors in our projects. 😅 Those Python develelopers cannot agree with Java developers on error response, and they both think it is easy to handle those errors in the client side.

[@AriadyPutra]

message = `${error}`

[@solosdev6946]

Thanks finding a solution for this :D

[@charuwaka1]

use zod

[@ajaychandel9976]

cool

[@СергійК-ш4у]

thank you for sharing this topic

[@loydcose2780]

This is awesome!

[@vincenzocristiano135]

This is pure gold! Thanks a lot!!!

[@meka4996]

Amazing! Thanks

[@antonapalanyuk338]

What about to save mark as 'any' and use following: console.log(error?.message || error?.stack || error); It is suitable for all error data types

[@AFE-GmdG]

I would write
... else if (error && typeof error === "object" && "message in error && typeof error.message === "string") { ...
If there is a message in an error object but it isn't a string, it should possibly use the default error message instead.

[@ByteGrad]

Good point

[@bheemkumarthami]

Thanks a lot. keep going

[@АлександрГерасимов-с3щ]

const res = ... as unknown as any

[@scide-x7242]

Thank you chris

[@deatho0ne587]

What if error.message is is an object, HTML, etc... Casting to string then would not be really safe.

[@ByteGrad]

Good point

[@deatho0ne587]

It is good for another video about TypeGaurds maybe.

[@ciach0_]

Then that would be [object Object]

[@deatho0ne587]

The thing is even if it is an object should you trust it for display purposes?

[@silenthooman]

the fn is async, and he used the then, man just use await