Error Handling

Overview

Error handling is a crucial aspect of programming and data processing. Properly managing errors helps prevent system crashes and enhances the user experience. In the React Native Supabase AI template, error notifications are implemented using Toast Notifications for real-time feedback on API requests, form submissions, and other operations.

Toast Notifications Overview

Toast Notifications in this template are used to display both error and success messages to the user. These notifications ensure that users are promptly informed of issues like API failures or successful form submissions.

Error Handling with Toast Notifications

• Errors due to API failures or form submissions are notified using Toast Notifications.
• To add Toast Notifications for API failures.
• You can also use toast notifications to display messages for API success or failure calls, as well as for form submission responses.

Example: Error Handling on API Failure

When handling an API failure, the following code shows how to display an error message using a Toast Notification:

const { showToast } = useAppToast();
 
onError(error) {
	showToast({	message: getErrorMessage(error),action: "error"});
}

In this implementation, the error message from the API is captured and displayed to the user using showToast().

The getErrorMessage() function processes the error object (e.g., from Axios or other sources) and returns a user-friendly message.

Example: Success Handling on Form Submission

For successful submissions, you can notify users with a success message using the following code:

onSuccess() {
  showToast({message:'success message',action:'success'});
}

This code shows a success message using the showToast() method.