GPT

Proper Error Handling Pattern

export function ErrorBoundary({ children }: { children: React.ReactNode }) { const [error, setError] = useState (null) if (error) { return ( Something went wrong: {error.message} setError(null)}Try again )

Prompt text

Original English text. Replace placeholders with your own details.

export function ErrorBoundary({ children }: { children: React.ReactNode }) {
 const [error, setError] = useState<Error | null>(null)

 if (error) {
 return (
 <div role="alert">
 <p>Something went wrong:</p>
 <pre>{error.message}</pre>
 <button onClick={() => setError(null)}>Try again</button>
 </div>
 )
 }

 return (
 <ErrorBoundary
 fallback={({ error }) => (
 <div role="alert">
 <p>Something went wrong:</p>
 <pre>{error.message}</pre>
 </div>
 )}
 >
 {children}
 </ErrorBoundary>
 )
}

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →