Hierarchical Error Cause Chaining in Next.js Server Components

export class DatabaseError extends Error {
  constructor(message: string, cause?: unknown) {
    super(message, { cause });
    this.name = 'DatabaseError';
  }
}
 
export async function fetchUserData(userId: string) {
  try {
    const res = await fetch(`https://api.internal/users/${userId}`);
    if (!res.ok) throw new Error(`HTTP status ${res.status}`);
    return await res.json();
  } catch (err) {
    throw new DatabaseError(`Failed fetching user profile for ID ${userId}`, err);
  }
}