Tanmay•2w ago

handle client side errors with next.js

how to handle erros

4 Replies

Sara•2w ago

as far as I'm aware, this is a developer caused error, but i think your question is you want to have client errors to not disturb your page: 1. use something like sentry, you get the issues/problems when they happen so you can dedicate your time to fix them or find out what caused them 2. I'd look in here http://nextjs.org/docs/app/getting-started/error-handling for answers without having a third party option. 3. there's a package that I don't remember the name of it was, something react-error-boundary that might help! 4. to actually fix this error, don't use any types, you could pass the id as string in your query and do something like this:

const noteId = ctx.db.normalizedId("notes",id);
if(!noteId){
throw new Erorr("Wrong Id passed") // or return? I'd throw an error
}
// your happy path code here

const noteId = ctx.db.normalizedId("notes",id);
if(!noteId){
throw new Erorr("Wrong Id passed") // or return? I'd throw an error
}
// your happy path code here

but you need to have proper error handling on your client

Getting Started: Error Handling | Next.js

Learn how to display expected errors and handle uncaught exceptions.

Sara•2w ago

from sentry: https://sentry.io/for/nextjs/?utm_source=google&utm_medium=cpc&utm_id={19743045839}&utm_campaign=Google_Search_NB_Language_Error_EMEA-Tier1_Beta&utm_content=g&utm_term=next.js%20error%20handling&gad_source=1&gad_campaignid=19743045839

Sentry

NextJS Error and Performance Monitoring

Detect & resolve errors in your Next.js application with Sentry. Learn how to get started with Next.js performance monitoring here.

TanmayOP•2w ago

handle error if no data in db with id

erquhart•2w ago

Pass “skip” instead of an args object when calling useQuery if the id is undefined. Or you can make the argument optional in your query function and just return early if no id is provided.

handle client side errors with next.js

Did you find this page helpful?